当前位置：网站首页>C1小笔记【任务训练篇二】

C1小笔记【任务训练篇二】

2022-04-23 17:44:00 【懒回顾，半缘君】

表单标签

二、任务背景

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>