html表单

html表单用于搜集不同类型的用户输入。


form

form元素定义html表单。支持全局属性和事件属性。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<form action="action_page.py">
<fieldset>
<legend>Form information:</legend>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</fieldset>
</form>

# accept-charset属性规定服务器可处理的表单数据字符集。

# action属性规定当提交表单时向何处发送表单数据。
<form action="action_page.py">

# autocomplete属性规定是否启用表单的自动完成功能
on/off

# enctype属性规定在发送表单数据之前如何编码
application/x-www-form-urlencoded, 默认值,表示在发送前编码所有值.
multipart/form-data, 不编码,在使用包含文件上传控件的表单必须使用.
text/plain, 空格转换为"+"加号,不对特殊字符编码.

# method属性规定用于发送form-data的http方法
get/post

# name属性规定表单名称
# novalidate属性规定提交表单时不验证

# target属性规定在何处打开URL。
_blank/_self/_parent/_top

input

input元素是最重要的表单元素。支持全局属性和事件属性。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
# type属性规定输入元素类型
button
checkbox
file
hidden
image
password
radio
reset
submit
text

# name属性定义input元素名称
# value属性定义input元素默认值
readonly
disabled
size
maxlength
alt
accept
checked
src

autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height
width
list
max
min
multiple
pattern
placeholder
required
step

fieldset

fieldset元素组合表单中的相关数据,支持全局属性和事件属性

1
2
3
# disable属性规定应该禁用fieldset
# form属性规定fieldset所属的一个或多个表单。
# name属性规定fieldset名称。

legend

legend元素为fieldset元素定义标题,支持全局属性和事件属性,支持样式。


select

定义下拉列表。支持全局属性和事件属性。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<form action="action_page.py">
<select name="cars">
<option value="volvo">volvo</option>
<option value="audi">audi</option>
</select>
</form>

# autofocus属性规定在页面加载后文本区域自动获得焦点
# disable
# form
# multiple
# name
# required
# size

optgroup


option

定义选项。支持全局属性和事件属性。

1
2
3
4
# disabled
# label
# selected
# value

label


button

定义可点击的按钮,支持全局属性和事件属性。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<button type="button" onclick="alert("hello world")">Click Me</button>

# name属性规定按钮名称
# type属性规定按钮类型
# value属性规定按钮初始值
# autofocus
# disabled
# form
# formaction
# formenctype
# formmethod
# formnovalidate
# formtarget

textarea


datalist


keygen


output