13-表单标签

1.使用表单目的是为了收集用户信息

在网页中,和用户进行交互,收集用户资料,此时就需要表单。

2.表单的组成

在HTML中,一个完整表单通常由表单域表单控件(也称表单元素)提示信息3个部分构成。

 3.表单域

表单域是一个包含表单元素的区域

在HTML标签中,

标签用于定义表单域,以实现用户信息的收集和传递

 会把它范围内的表单元素信息提交给服务器。

各种表单元素控件

常用属性:

属性属性值作用
actionurl地址用于指定并接收处理表单数据的服务器程序的url地址
methodget/post用于设置表单数据的提交方式,其取值为get或post
name 名称用于指定表单的名称,以区分同一个页面中的多个表单域

1)在写表单元素之前,应该有个表单域把他们进行包含

2)表单域就是

4.表单控件(表单元素) 

在表单域中可以定义各种表单元素,这些变淡元素就是允许用户在表单中输入或者选择的内容控件 

4.1表单元素

在英文单词中,input是输入的意思,而在表单元素中标签用于收集用户信息

标签中,包含一个人type属性,根据不同的type属性值,输入字段拥有很多中形式(可以是文本字段,复选框,掩码后的文本控件,单选按钮,按钮等)。

1)标签为单标签

2)type属性设置不同的属性值用来指定不同的控件类型

type属性的属性值及其描述如下:

属性值描述
button定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)
checkbox定义复选框
file定义输入字段和"浏览"按钮,共文件上传。
hidden定义隐藏的输入字段
image定义图像形式的 提交按钮
password定义密码字段。该字段中的字符被掩码
radio定义单选按钮
reset定义重置按钮,重置按钮会清除表单中的所有数据
submit定义提交按钮,提交按钮会把表单数据发送到服务器
text定义单行的输入字段,用户可以在其中输入文本,默认宽度为20个字符

除type属性外,标签还有其他很多属性,其常用属性如下:

属性属性值描述
name由用户自定义定义input元素的名称
value由用户自定义规定input元素值
checkedchecked规定此input元素首次加载时应当被选中
maxlength正整数规定输入字段中的字符的最大长度

1)name和value是每个表单元素都有的属性值,主要是给后台人员使用

2)name表单元素的名字,要求单选按钮和复选按钮要有相同的name值

3)checked属性主要针对于单选按钮和复选框,主要作用一打开页面,就要可以默认选中某个表单元素。 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部