1、表单的作用:收集用户信息
2、表单的组成:表单域、表单控件(也称表单元素)、提示信息
3、表单域:一个包含表单元素的区域,用<form></form>标签定义,<form></form>会把它范围内的表单元素提交给服务器。
- 在我们写表单元素之前要有个表单域将其包含
- 表单域就是form标签,form标签就是表单域
4、表单元素
允许用户在表单中输入或者选择的内容控件。
这三组表单元素都应该包含在form表单中,并且拥有name属性
(1)input输入表单元素
<input>标签用于收集用户信息
<input>标签中包含一个必须要写的属性,type属性,根据不同type属性值可以,输入字段拥有很多种形式(文本字段、复选框、单选按钮、按钮等等)。
<input>标签的其他常用属性:
<label>标签,用于绑定一个表单元素,当点击<label>标签内文本时,浏览器将自动将焦点转到或选择对应的表单元素,用来增加用户体验。
属性值用for,值为对应表单元素的id值。
(2)select下拉表单元素
使用场景:有多个选项要选择,想要节省页面空间
<
(3)textarea文本域元素
<textarea></textarea>标签是用于定义多行文本输入的控件。
<
cols和rows属性了解就行,以后都是用CSS来做。
【应用案例】
<!DOCTYPE html>
运行结果: