Difference between revisions of "Dev/Forms"

Line 101: Line 101:
 
<!------------------------------------------------------------ Question 1 ------------------------------------------------------------->
 
<!------------------------------------------------------------ Question 1 ------------------------------------------------------------->
  
−
<p class="question"> Name <input type="text" data-form-field="example_name" placeholder="Name"></p>
+
<p class="question">1. Name <input type="text" data-form-field="example_text" placeholder="Place text here"></p>
  
 
<!------------------------------------------------------------ Question 2 ------------------------------------------------------------->
 
<!------------------------------------------------------------ Question 2 ------------------------------------------------------------->
  
 +
<p class="question">2. Example radio select </p>
 +
<ul>
 +
<li><label><input type="radio" data-form-field="example_radio" value="radio_option_1"> Option 1 </label></li>
 +
<li><label><input type="radio" data-form-field="example_radio" value="radio_option_2"> Option 2 </label></li>
 +
<li><label><input type="radio" data-form-field="example_radio" value="radio_option_3"> Option 3 </label></li>
 +
</ul>
  
 
</div>
 
</div>
−
 
−
 
  
 
</fieldset>
 
</fieldset>
  
  
−
 
−
<!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 
−
 
−
ABOUT OUR LAB
 
−
 
−
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
 
−
<fieldset>
 
−
<h2>2.- About our Lab </h2>
 
−
<p> This part of the form is for you to tell us about your laboratory space and your safety equipment. If you need help, please consult your faculty advisor or laboratory manager. You can also read the <a href="https://2017.igem.org/Safety">Safety page</a> and the <a href="https://2017.igem.org/Safety/Risk_Groups">Risk Groups page</a> for basic information about different types of biology labs. </p>
 
−
 
−
<!--------------------------------------------------------------------------------------------- Question 1 --------------------------------------------------------------------------------------------------------->
 
−
 
−
 
−
<p class="question">1. Please upload a photo or two of your lab, preferably showing the relevant safety features and paste the link here:</p>
 
−
<textarea rows="1" name="Lab Photograph" data-form-field="lab_photo"></textarea>
 
−
 
−
 
−
<!--------------------------------------------------------------------------------------------- Question 2 --------------------------------------------------------------------------------------------------------->
 
−
 
−
 
−
<h3> Biosafety Level </h3>
 
−
<p class="question">2. What is the Safety Level of your lab? <a target="_blank" href="https://2016.igem.org/Safety/Risk_Groups">[Help about Risk Groups and Safety Levels]</a></p>
 
−
 
−
<div class="column half_size">
 
−
<ul>
 
−
<li><label><input type="radio" name="1. Lab Safety Level" data-form-field="lab_bsl" value="bsl_1"> Level 1 (low risk)</label></li>
 
−
<li><label><input type="radio" name="1. Lab Safety Level" data-form-field="lab_bsl" value="bsl_2"> Level 2 (moderate risk)</label></li>
 
−
<li style="color: #a0a0a0;"><label><span class="wrapper"><input type="radio" disabled id="bsl_3"></span> Level 3 (high risk)</label></li>
 
−
<li style="color: #a0a0a0;"><label><span class="wrapper"><input type="radio" disabled id="bsl_4"></span> Level 4 (extreme risk)</label></li>
 
−
<li><label><input type="radio" name="1. Lab Safety Level" data-form-field="lab_bsl" value="bsl_none"> Our team is not doing any wet-lab work</label></li>
 
−
</ul>
 
−
</div>
 
−
 
−
<div class="column half_size message_box">
 
−
<h4> Note </h4>
 
−
<p>
 
−
iGEM teams should not use Risk Group 3 or 4 organisms, and they should not work in Safety Level 3 or 4 labs.
 
−
If you are planning to work at Safety Level 3 or 4, contact safety (AT) igem (DOT) org right away!!
 
−
</p>
 
−
</div>
 
−
<div class="clear"></div>
 
−
<ul>
 
−
<li><label><input type="radio" name="1. Lab Safety Level" data-form-field="lab_bsl" value="bsl_other"> Other safety level:</label> <textarea rows="2" name="Other safety level (describe)" data-form-field="bsl_other_describe" data-validation="[value=bsl_other]" placeholder="Please describe"></textarea></li>
 
−
 
−
<li><label><input type="radio" name="1. Lab Safety Level" data-form-field="lab_bsl" value="bsl_multiple"> We have several different lab spaces with different Safety Levels:</label> <textarea rows="2" name="Different safety levels (describe)" data-form-field="bsl_multiple_describe" data-validation="[value=bsl_multiple]" placeholder=" Please describe what experiments you do in each space"></textarea></li>
 
−
 
−
 
−
<li><label><input type="radio" name="1. Lab Safety Level" data-form-field="lab_bsl" value="bsl_unknown"> Unknown (please comment):</label> <textarea rows="2" name="Safety level unknown (comment)" data-form-field="bsl_unknown_describe" data-validation="[value=bsl_unknown]" placeholder="Please describe"></textarea></li>
 
−
</ul>
 
−
 
−
 
−
</fieldset>
 
−
 
−
 
−
 
−
</div>
 
  
 
</div> <!-- end of formbody -->
 
</div> <!-- end of formbody -->

Revision as of 20:32, 5 May 2017

MENU
Loading...


You have JavaScript disabled.

This page requires JavaScript in order to function correctly. Please enable JavaScript in your browser, then try again.

Example Form

This is the example form you can use to create new ones!

Example Form

Team Selection

Please choose a team

1.- Section Title

1. Name

2. Example radio select