h5-文本框

最新推荐文章于 2023-09-30 05:31:23 发布

weixin_30912051

最新推荐文章于 2023-09-30 05:31:23 发布

阅读量678

点赞数

原文链接：http://www.cnblogs.com/DeRozan/p/7346517.html

版权

h5-文本框

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4   <meta charset="UTF-8">
 5   <title>文本框</title>
 6 </head>
 7 <body>
 8 <!-- form是表单，内部可以包含多个控件，
 9      控件内可以输入值。
10      我们是以表单为单元进行提交，一次要提交一个表单所包含所有控件的值。
11      表单只是用来定提交的范围。
12      表单是透明的。
13      #:表示无处可提交。在有服务器时可提交给服务器，即是填入服务器地址取代#。
14  -->
15 <form action="#">
16     <p>
17         <!-- 加标签：
18              在input里加入属性id，并起名“account”，设置文本框的唯一id，
19              而后，在“账号：”前加上lable for="文本框的id"来捆绑标签
20              从而实现，点击文字“账号：”也可以进行文本框输入。
21          -->
22         <label for="account">账号：</label>
23         <input type="texts" id="account"/>
24     </p>
25     <p>
26         <label for="password">密码：</label>
27         <input type="pwd" id="password"/>
28     </p>
29     <!-- 单选框:在input里添加属性name，让选项使用同名
30         互相排斥，即可实现单选
31     -->
32     <p>
33         性别:
34         <input type="radio" checked id="male" name="sex"/>
35         <label for="male">男</label>
36         <input type="radio" id="female" name="sex"/>
37         <label for="female">女</label>
38     </p>
39     <p>
40         兴趣:
41         <input type="checkbox" checked id="basketball">
42         <label for="basketball">篮球</label>
43         <input type="checkbox" id="football">
44         <label for="football">足球</label>
45     </p>
46     <p>
47         <!-- value:按钮的名称;button:需用js进行定义 -->
48         <input type="submit" value="提交"/>
49         <input type="reset" value="重置"/>
50         <input type="button" value="取消"/>
51     </p>
52 </form>
53 </body>
54 </html>

补充部分功能：

1     <!-- 文件选择提交框 -->
2     <label for="attachment">上传附件：</label>
3     <input type="file" id="attachment"/>
4     <!-- 文本域:大号文本框 -->
5     <p><label for="disc">自我介绍：</label></p>
6         <textarea id="disc"></textarea>

补充：

1 <!-- 下拉选择 -->
2     <label for="choseone">选择你要学习的课程：</label>
3     <select id="choseone">
4         <option>-请选择-</option>
5         <option value="1">html5</option>
6         <option value="2">js</option>
7         <option value="3">css</option>
8     </select>