Forms
Notice: This documentation has been deprecatedFor new web site development and existing site improvement, please refer to the EBI Visual Framework (v1.1) documentation. All services are expected to use the new framework by February 2017. |
Example:
HTML:
<form id="form_id" name="form_name" action="#" method="post">
<fieldset>
<legend>Enter details</legend>
<p><label for="first">Text: </label>
<input type="text" name="first" id="first" />
</p>
<p>Radio:
<input type="radio" name="radio_btn" id="radio_btn1" value="one"><label for="radio_btn1">One</label>
<input type="radio" name="radio_btn" id="radio_btn2" value="two"><label for="radio_btn1">Two</label>
</p>
<p><label for="checkbox">Checkbox: </label>
<input type="checkbox" name="checkbox" id="checkbox" value="checked">Check
</p>
<p><label for="select">Select: </label>
<select name="select" id="select">
<option value="gamma">Alpha</option>
<option value="gamma">Beta</option>
<option value="gamma">Gamma</option>
<option value="delta">Delta</option>
<option value="epsilon">Epsilon</option>
<option value="zeta">Zeta</option>
</select>
</p>
<p><label for="multiselect">MultiSelect: </label>
<select name="multiselect" id="multiselect" multiple="multiple">
<option value="gamma">Alpha</option>
<option value="gamma">Beta</option>
<option value="gamma">Gamma</option>
<option value="delta">Delta</option>
<option value="epsilon">Epsilon</option>
<option value="zeta">Zeta</option>
</select>
</p>
<p><label for="textarea">Textarea: </label>
<textarea name="textarea" id="textarea" rows="5" cols="30">Text</textarea>
</p>
</fieldset>
<fieldset>
<legend>Done? Now you can submit the form</legend>
<p><input type="submit" name="submit" value="Submit this form" class="submit" />
</p>
</fieldset>
</form>