任务五——task01

Form表单有什么作用？有哪些常用的input 标签，分别有什么作用？

1. Form表单的作用：

Form表单是页面与WEB服务器交互过程中最重要的信息来源。

2. 常见的input标签

2.1. input text（文本输入框）

<form>
<div class="firstname">
名字：
<input type="text" name="firstname">
</div>
<div class = "lastname">
姓氏：
<input type="text" name="lastname">
</div>
</form>

2.2 input password（密码输入框）

<form>
<div>
请输入密码：
<input type="password" name="password">
</div>
</form>

2.3 input checkbox（复选框）

<form>
<div>
选择您喜欢的颜色：
<br/>
紫色
<input type="checkbox" name="purple">
<br/>
粉色
<input type="checkbox" name="pink">
<br/>
蓝色
<input type="checkbox" name="blue">
<br/>
黑色
<input type="checkbox" name="black">
</div>
</form>

2.4 input radio （单选按钮）

<form>
您的性别是：
<br/>
男
<input type="radio" name="Sex" value="male" checked="checked">
<br/>
女
<input type="radio" name="Sex" value="female">
</form>
<p>注意：单选按钮的两个<input>必须都是同样的name。</p>

2.5 input button （按钮）

<form>
<input type="button" value="点击按钮">
</form>

2.6 input submit （提交）

<form>
<input type="submit" value="提交问卷">
</form>