A Visual Guide of XHTML Form's Tags

htpps://depinfo.u-cergy.fr
legend
elementsyntaxvisual result
text<input type="text" name="text" value="default text" size="10" maxlength="15" />
disabled<input type="text" name="disabledtext" value="disabled text" size="20" disabled="disabled" />
password<input type="password" name="password" value="password" size="10" />
checkbox<input type="checkbox" name="checkbox[]" id="xhtml" value="xhtml" /><label for="xhtml">XHTML 1.0 strict</label> <input type="checkbox" name="checkbox[]" id="css" value="css" /><label for="css">CSS 2 &amp; 3</label> <input type="checkbox" name="checkbox[]" id="php" value="php" checked="checked" /><label for="php">PHP 5</label>

radio<input type="radio" name="radio" value="yes" checked="checked" id="yes" /><label for="yes">Yes !</label> <input type="radio" name="radio" value="no" id="no" /><label for="no">No !</label>
textarea<textarea name="textarea" rows="5" cols="40">Your text here.</textarea>
select_option<select name="select" size="3"> <optgroup label="web languages"> <option value="xhtml">XHTML</option> <option value="css">CSS</option> <option value="php" selected="selected">PHP</option> </optgroup> <optgroup label="general languages"> <option value="c">C</option> <option value="java">Java</option> </optgroup> </select>
hidden<input type="hidden" name="hidden" value="hidden" />
button<input type="button" name="button" value="Button" />
file<input type="file" name="file" />
reset<input type="reset" name="reset" value="Reset" />
submit<input type="submit" name="submit" value="Submit" />
image<input type="image" name="image" src="./images.d/favicon_ter.png" alt="graphical submit" />