表单标签。。

一、任务目标

掌握表单标签及其属性的使用

二、任务背景

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>元素

用于定义普通按钮