HTML——form表单中常用标签 form input (text hidden password radio checkbox reset submit ) select(option)总结
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 设置长度用rows 21 --> 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 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>