HTML——form表单中常用标签总结

 1 <form action="" method="get"> 2 ????????????<!-- 3 ????????????????placeholder="请输入文本" 显示提示 4 ????????????????randonly="randonly"不能重新写 5 ????????????????disabled="disabled" 禁用 变灰色 6 ????????????--> 7 ????????????<input type="text" name="user_name" placeholder="请输入文本" value="文本框" readonly="readonly"disabled="disabled"/> 8 ????????<!-- 9 ????????????隐藏框10 ????????????Type="hidden"隐藏起来11 ????????-->12 ????????<input type="hidden" name="id" value="20160800612" />13 ????????<!--14 ????????????密码框15 ????????????type="password"密码不显示16 ????????-->17 ????????<input type="password" name="password" value="123456" ?disabled="disabled"/>18 ????????19 ????????<!--20 ????????????testarea 设置宽度用cols ?设置长度用rows21 ????????-->22 ????????<br />23 ????????<textarea name="text" rows="5" cols="5"></textarea>24 ????????<!--多选框25 ????????????<select>26 ????????????????<option></option>27 ????????????????<option></option>28 ????????????????...29 ????????????</select>30 ????????????selected="selected"默认选择项31 ????????????32 ????????-->33 ????????<select name="grade">34 ????????????<option value="1">一年级</option>35 ????????????<option value="2" selected="selected">二年级</option>36 ????????????<option value="3">三年级</option>37 ????????</select><br />38 ????????<!--39 ????????????id="male"/><label for="male">男</label>点击男也会选择40 ????????????41 ????????-->42 ????????<input type="radio" value="0" name="gender" id="male"/><label for="male">男</label>43 ????????<input type="radio" value="1" name="gender" id="female"/><label for="female">女</label><br />44 ????????45 ????????<!--46 ????????????type="file"获取文件47 ????????????multiple="multiple"可以获取多个文件48 ????????-->49 ????????<input type="file" name="fileget" multiple="multiple"/>50 ????????<!--51 ????????????type="checkbox"多选框52 ????????????checked="checked"默认为选择53 ????????-->54 ????????&nbsp;55 ????????<input type="checkbox"name="hobby" value="1" ?id="basketball" checked="checked"/><label for="basketball">篮球</label>56 ????????<input type="checkbox" name="hobby" value="2" id="football"><label for="football">足球</label>57 ????????<input type="checkbox"name="hobby" value="3" id="pingpong" /><label for="pingpong">乒乓球</label>58 ????????<br />59 ????????60 ????????<!--61 ????????????type="reset"重置所做的操作62 ????????-->63 ????????<input type="reset" value="重置" />64 ????????<input type="submit" value="提交" />65 ????????</form>