C1任务-16：表单标签

任务背景

HTML表单用于收集用户输入。表单元素指的是不同类型的input元素、复选框、单选按钮、提交按钮等。

任务目标

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

任务训练

标签用于创建HTML表单，常用属性如下： action：规定表单提时，表单数据提交的URL method：规定用于发送form-data的HTTP方法，常用属性值为get、post 元素是最重要的表单元素，根据input元素的不同type类型，表现形式也是不一样的

类型+描述：
ext 普通文本框，一般默认20个字符宽度
textarea 多行文本框
button 普通按钮
radio 单选框
checkbox 多选框
reset 表单重置按钮
submit 表单提交按钮
password 密码输入框，密码字段使用圆点或星号代替

label>/label>标签用于为input标签提供标注点击label文本，浏览器会自动将焦点转到和标签相关的表单控件上
abel标签的for属性值应当与相关元素的id属性值相同

select>/select>标签用于创建下拉列表
select元素中的option>/option>标签用于定义列表的可选项

例：
select><optionvalue=“trainee”>C1见习工程师能力认证 </option

<optionvalue=“web”>C4前端基础能力认证</option

<optionvalue=“java”>C4Java基础能力认证</option

<optionvalue=“python”>C4Python基础能力认证</select

button></button元素用于定义按钮

练习题
现要实现提交表单时输入的不是3位数的数字时提示请输入三位数字，请补全下方代码片段

<formaction="/example/html5/demo_form.asp">密号：<inputtype="text"name="country_code"pattern="[0-9]{3}"___  title_____="请输入三位数字"/><inputtype="submit"/></form>

title可以用在任何元素上，把鼠标移动到元素上面，就会显示title的内容，以达到补充说明或者提示的效果。
pattern属性规定用于验证输入字段的正则。
input元素使用title属性可以在输入内容不符合该正则时，给出提示语
判断输入是否正确的提示语句只在表单提交时显示

现表单内有个提交按钮，点击后自动提交表单请求，请补全代码片段

<inputtype="___  submit_____"value="提交">

怎么用input标签创建一个按钮？请补齐这段代码?

<inputtype="________"/>
答：【button】普通按钮或【submit】表单提交按钮或【reset】重置按钮