W3school学习日记4

HTML表单

HTML表单用于搜集不同类型用户的输入,form标签定义HTML表单,HTML表单包含不同类型的表元素,input、复选框、单选按钮、提交按钮等等。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html><!--定义文档类型-->
<html>
<body>
<form action="/demo/demo_form.asp"><!--定义在提交表单时执行的动作-->
<fieldset><!--组合表单中的相关数据-->
<legend>Personal information:</legend><!--定义fieldset元素标题-->
First name:<br>
<input type="text" name="firstname"><!--文本输入。type还可以是:password,button,date等-->
<br/>
Last name:<br>
<input type="text" name="lastname" value="Moom"readonly> <!--value规定初始值,只读属性-->
<input type="submit" value="Submit"><!--提交按钮-->
</form>
<form>
<input type="radio" name="sex" value="male" checked>Male<!--单选按钮输入-->
<br/>
<input type="radio" name="sex" value="female">Female
<fieldset>
</form>
</body>
</html>