HTML5 表单学习
2021-04-15 01:26
标签：har color 控件 美食 标签 tar 游戏 sof 内容 创建表单的方法： 用form标签 form标签常用元素：input：单行表单、select：下拉式表单、textarea：多行文本域 input元素的type属性：text：文本属性、checkbox：多选表单、radio：单选表单、password：密码属性、submit：提交表单、reset：重置表单 select必须连用元素：option lable关联标签： 显示关联： 隐式关联： HTML5 表单学习 标签：har color 控件 美食 标签 tar 游戏 sof 内容 原文地址：https://www.cnblogs.com/yx3445/p/12368748.html显式关联是通过label标签的for属性，显式与另一个表单控件关联。需要注意的是，for属性的值必须是与label标签在同一文档中的可标记表单元素的id，注意是id而不是name
隐式关联是直接将表单控件放到label标签内，这种情况下，label标签只能包含一个表单元素，包含多个只对第一个有效。
1 DOCTYPE html>
2 html lang="en">
3 head>
4 meta charset="UTF-8">
5 title>表单title>
6 head>
7 body>
8 form action="" method="">
9
10
11 input type="text" name="username" value="" placeholder="请输入用户名"/>
12 br>
13 input type="text" name="pwd" value="" placeholder="请输入密码"/>
14
15
16
17
18
19
20 br>
21 你的性别是？
22 男input type="radio" name="sex" value="" checked="checked">
23
24 女input type="radio" name="sex" value="" >
25
26 br>
27 你的爱好有？
28 吃美食input type="checkbox" name="01" value="" checked="checked">
29 看电视input type="checkbox" name="02" value="" >
30 玩游戏input type="checkbox" name="03" value="" >
31 br>
32 选择你要报名的课程：
33 select name="course" id="">
34 option value="python" selected=‘selected‘>Python中级option>
35 option value="go">go 精讲option>
36 option value="web">web全栈option>
37 option value="Linux">Linux深入挖掘option>
38
39
40
41 select>
42 br>
43
44 label for="myName">姓名：label>
45 input type="text" value="" id="myName" name="myName">
46 input type="submit" value="提交">
47 input type="reset" value="重置">
48
49 label>性别
50 input type="text" value="" id="theinput" name="theinput">
51 label>
52
53
54
55
56
57 br>
58 个人说明：
59 textarea rows="5" cols="40">textarea>
60 form>
61 body>
62 html>