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

Posted 2020-12-29 lyxcode

 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         &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>