HTML常见表单元素
单行文本框：text
密码框：password
单选按钮：radio
文本域：textarea
复选框：checkbox
下拉列表：select
提交按钮：submit
重置按钮：reset
隐藏域：hidden
上传域：file
禁用：disabled
只读：readonly
图像域：image
效果：
代码如下：
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>表单元素</title> 6 </head> 7 <body> 8 <form> 9 用户名：<input type="text" name="username" value="请输入用户名" size="20" maxlength="6"/><br/> 10 密码：<input type="password" name="password" value="" size="20" maxlength="10"/><br/> 11 性别：<input type="radio" name="sex" value="nan" checked="checked" />男 12 <input type="radio" name="sex" value="nv" />女<br/> 13 爱好：<input type="checkbox" value="eat" name="hobby"/>吃饭 14 <input type="checkbox" value="sleep" name="hobby"/>睡觉 15 <br/> 16 生日：<select name="birth" id="birth"> 17 <option value="1">1月</option> 18 <option value="2">2月</option> 19 <option value="3">3月</option> 20 <option value="4">4月</option> 21 <option value="5">5月</option> 22 <option value="6">6月</option> 23 <option value="7">7月</option> 24 <option value="8">8月</option> 25 <option value="9">9月</option> 26 <option value="10">10月</option> 27 <option value="11">11月</option> 28 <option value="12">12月</option> 29 </select> 30 <br/> 31 头像：<input type="file" /><br/> 32 文本域： 33 <br/> 34 <textarea rows="3" cols="30">文本域</textarea><br/> 35 <input type="submit" value="注册" /> 36 <input type="reset" value="重置" /> 37 </form> 38 </body> 39 </html>
