表单标签:网页中的表单展示
1.表单的作用
使用表单的目的就是为了收集用户信息
在我们的网页中,我们也需要用户进行交互,收集用户资料,此时就需要表单
2.表单的组成
一个完整的表单通常有表单域、表单控件(也称为表单元素)和提示信息3个部分构成
表单域:
表单域就是一个包含表单元素的区域,在html中用from标签定义表单域,以实现用户信息的手机和传递
就是说from标签会把他范围内的表单信息提交给服务器
<from action="url地址" method="get/post" name="名称"></from>
action:用于指定接受并处理表单数据的服务器程序的url地址
method:用于设计表单数据的提交方式,其取值为get/post
name:用于指定表单的名称,以区分同一个页面中的多个表单域
表单控件(表单元素):
在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单中输入或者选择的内容控件
input输入表单元素
在英文单词中,input是输入的意思,而在表单元素中<input>标签用于收集用户信息
在input标签中,包含一个type属性,跟据不同的type属性值,输入字段拥有很多种形式
(可以是文本text、字段、复选框、掩码后的文本控件、单选按钮、按钮等)
type属性的属性值:
1.button:定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)
2.checkbox:送一复选框
3.file:定义输入字段和"浏览"按钮,供文件上传。
4.hidden:定义隐藏的输入字段
5.image:定义图像形式的提交按钮
6.password:定义密码字段,该字段中的字符会被掩码
7.radio:定义单选按钮
8.reset:定义重置按钮,重置按钮会清楚表单中的所有数据
9.submit:定义提交按钮,提交按钮会把表单数据发到服务器
10.text:定义单行的输入字段,用户可在其中输入文本,默认20字符
input标签除了type属性之外还有很多其他的属性
a.name:用户自定义,定义input元素的名称
b.value:用户自定义,规定input元素的值
c.checked:规定input元素首次加载时应当被选中
maxlength:正整数,规定输入字段的字符的最大长度
select下拉表单元素
select:选项中至少包含一对option
option中定义selected="selected"属性时,当前项即为默认选中项。
textarea文本域元素
使用场景:当用户输入内容比较多的情况下,我们就不能使用文本框表单了,此 我们可以使用<textarea>标签
<textarea>作用是定义多行文本输入的控件;可以输入更多的文字,该控件常用于 评论和留言板等。