常见的表单元素有哪些,表单中常用的表单元素有哪些?说出它们所提供给的属性,方法,和集合
常见的表单元素有哪些,表单中常用的表单元素有哪些?说出它们所提供给的属性,方法,和集合详细介绍
本文目录一览: html表单元素有哪些?
一、文本域
二、密码域
密码跟文本框类似,但是在里面输入的内容显示为圆点。
三、单选按钮
男人: Male
女人: Female
四、复选框
五、按钮
六、重置按钮
当点击重置按钮时,重置按钮所在的表单将全部清空,而其他表单不受影响。
七、提交按钮
当点击提交按钮时,浏览器将自动提交表单。
八、隐藏域
隐藏域在浏览器中并不显示,仅仅为保存一些不太重要的资料而存在。
九、上传域
十、图片按钮
十一、下拉列表
0
1
2
属性 可选值 说明
disabled
disabled 规定禁用该下拉列表。
multiple multiple 规定可选择多个选项。
name name 规定下拉列表的名称。
size number 规定下拉列表中可见选项的数目。
十二、label
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。例如,当将单选按钮放在label内。则点击label内的文字也会触发单选按钮,而不必只是点中小圆点。
男人
女人
男人 女人
也可以写成这样
Male
Female
十三、disabled与readonly
禁用和只读属性。readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去。
可以在用户按了提交按钮后,利用javascript将提交按钮disabled掉,这样可以防止网络条件比较差的环境下,用户反复点提交按钮导致数据冗余地存入数据库。
禁用文本框:
只读文本框:
十四、TextArea
属性
值
描述
DTD
cols number 规定文本区内的可见宽度。 STF
rows number 规定文本区内的可见行数。 STF
我是一个兵,来自老百姓。
十五、fieldset 定义域
fieldset用于给表单元素分组,legend用于设置分组标题
HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框(INPUT type=text),密码输入框(INPUT type=password),单选输入框(INPUT type=radio),复选输入框(INPUT type=checkbox),重置按钮、提交按钮、隐藏域、等等。
一、文本域
二、密码域
密码跟文本框类似,但是在里面输入的内容显示为圆点。
三、单选按钮
男人: Male
女人: Female
四、复选框
五、按钮
六、重置按钮
当点击重置按钮时,重置按钮所在的表单将全部清空,而其他表单不受影响。
七、提交按钮
当点击提交按钮时,浏览器将自动提交表单。
八、隐藏域
隐藏域在浏览器中并不显示,仅仅为保存一些不太重要的资料而存在。
九、上传域
十、图片按钮
十一、下拉列表012例如:属性:disabled,可选值:disabled ,说明:规定禁用该下拉列表。 十二、labelabel 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。例如,当将单选按钮放在label内。则点击label内的文字也会触发单选按钮,而不必只是点中小圆点。例如:男人
十三、禁用(disabled)与只读(readonly)
禁用和只读属性。readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去。
禁用文本框:
只读文本框:
十四、TextArea
十五、fieldset 定义域fieldset用于给表单元素分组,legend用于设置分组标题。
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签,这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域,包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮,包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。
HTML中常用的表单元素
HTML中常用的表单元素有datalist、keygen、output。
1、datalist
datalist元素规定输入域的选项列表。列表通过datalist内的option元素创建的。
如需把datalist绑定到输入域,用输入域的list属性引用datalist的id。
2、keygen
keygen元素的作用为提供一种验证用户的可靠方法。keygen元素为密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。
私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。
3、output
output元素用于不同类型的输出,比如计算或脚本输出。
扩展资料
一个网页对应多个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件,只用修改文件后缀即可。
标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现(部分标记除外例如:
),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
参考资料来源:百度百科-HTML
参考资料来源:百度百科-HTML5 表单元素
HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框(INPUT type=text),密码输入框(INPUT type=password),单选输入框(INPUT type=radio),复选输入框(INPUT type=checkbox),等等。
常见的非表单元素包括:链接标记(A),DIV标记,SPAN标记,TABLE标记,等等。
基本介绍
本专题从最基础的表单知识,到表单的高级应用,让你有一个比较全面地认识,相信你在读完本专题以后,一定会对表单非常熟悉。 表单概述 表单,在网页中的作用不可小视,主要负责数据采集的功能,比如你可以采集访问者的名字和e-mail地址、调查表、留言簿等等。
[编辑本段]表单的组成
一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。 为了顾及不同的网页设计工具,本文只讲述代码的设计,不具体讲述操作方法,下面就是表单的HTML代码设计要点:
表单元素。
表单中的元素:
表单控件元素
选择列表元素选择列表条目元素
创建一个文本框区域,列的数目设置宽度,行的数目设置高度
创建一个复选框,文字在标签后面
创建一个单选框,文字在标志后面
创建一个单行文本输入区域,size设置为字符串的宽度
创建提交(submit)按钮
创建一个使用图像的提交(submit)按钮
创建重置(reset)按钮
通过INPUT标签可建立哪些表单元素?
分类: 电脑/网络 >> 程序设计 >> 其他编程语言
问题描述:
通过INPUT标签可建立哪些表单元素?(多选)1、建立一个文本框2、单选按钮3、多选按钮4、列表/菜单5、文本域6、按钮
解析:
还有一个HIDDEN文本框,按钮又分 一个图片按钮和文字按钮,