一、任务目标
掌握表单标签及其属性的使用
二、任务背景
HTML表单用于收集用户输入。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等。
三、任务内容
1、<form></form>标签
用于创建HTML表单，常用属性如下：
-
action：规定表单提时，表单数据提交的URL
-
method：规定用于发送form-data的HTTP方法，常用属性值为get、post
2、<input />元素
<input />元素是最重要的表单元素，根据input元素的不同type类型，表现形式也是不一样的
| 类型 | 描述 |
|---|---|
text | 普通文本框，一般默认20个字符宽度 |
textarea | 多行文本框 |
button | 普通按钮 |
radio | 单选框 |
checkbox | 多选框 |
reset | 表单重置按钮 |
submit | 表单提交按钮 |
password | 密码输入框，密码字段使用圆点或星号代替 |
3、<label></label>标签
用于为
input标签提供标注
点击
label文本，浏览器会自动将焦点转到和标签相关的表单控件上
label标签的for属性值应当与相关元素的id属性值相同
4、<select></select>标签
用于创建下拉列表
select元素中的<option></option>标签用于定义列表的可选项
<select>
<option value=" trainee">C1见习工程师能力认证</option>
<option value="web ">C4前端基础能力认证</option>
<option value=" java">C4Java基础能力认证</option>
<option value=" python">C4Python基础能力认证</option>
</select>
5、<button></button>元素
用于定义普通按钮
