XHTML
HTML5
CSS2
CSS3
XHTML Forms
HTML5 Forms
Solutions
A Visual Guide of XHTML Form's Tags
legend
element
syntax
visual 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 & 3</label> <input type="checkbox" name="checkbox[]" id="php" value="php" checked="checked" /><label for="php">PHP 5</label>
XHTML 1.0 strict
CSS 2 & 3
PHP 5
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>
Yes !
No !
textarea
<textarea name="textarea" rows="5" cols="40">Your text here.</textarea>
Your text here.
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>
XHTML
CSS
PHP
C
Java
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" />