HTML 的表单元素有哪些

HTML的表单元素有:1、文本区域“TEXTAREA”;2、列表框“SELECT”;3、文本输入框“INPUT type=text”;4、密码输入框“INPUT type=password”;5、单选输入框等等。

HTML 的表单元素有哪些

本文操作环境:windows7系统、HTML5版、Dell G3电脑。

HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框(INPUT type=text),密码输入框(INPUT type=password),单选输入框(INPUT type=radio),复选输入框(INPUT type=checkbox),重置按钮、提交按钮、隐藏域、等等。

一、文本域


登录后复制登录后复制登录后复制

二、密码域

立即学习“前端免费学习笔记(深入)”;

密码跟文本框类似,但是在里面输入的内容显示为圆点。


登录后复制登录后复制登录后复制

三、单选按钮

男人: Male

女人: Female

四、复选框


登录后复制登录后复制登录后复制

五、按钮

六、重置按钮

当点击重置按钮时,重置按钮所在的表单将全部清空,而其他表单不受影响。

七、提交按钮

当点击提交按钮时,浏览器将自动提交表单。

八、隐藏域

隐藏域在浏览器中并不显示,仅仅为保存一些不太重要的资料而存在。

九、上传域

十、图片按钮

十一、下拉列表

012

登录后复制

例如:

属性:disabled,可选值:disabled ,说明:规定禁用该下拉列表。  

十二、label

abel 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 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 的表单元素有哪些的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2951022.html

(0)
上一篇 2025年3月11日 23:32:34
下一篇 2025年3月10日 06:10:16

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html怎么添加边框

    html添加边框的方法:首先新建一个HTML文档,并且编写基本框架;然后新建一个div标签;最后通过“border:1px solid red;”样式添加边框即可。 本文操作环境:windows7系统、HTML5&&CSS3…

    2025年3月11日 编程技术
    200
  • html5的前端框架有哪些

    html前端框架有:Bootstrap、AUI、Amaze UI、Frozen UI、Frozen UI、WeUIi、SUI、AUI、MUI、Semantic UI、Foundation、UiKit、Pure等。 本教程操作环境:windo…

    2025年3月11日
    200
  • html文本框怎么设置大小

    html文本框设置大小的方法:首先新建一个html页面;然后添加一个label标签和一个input框;最后通过设置size的属性修改一下宽度大小即可。 本文操作环境:windows7系统、HTML5&&CSS3版、Dell …

    2025年3月11日 编程技术
    200
  • asp去掉html的方法

    asp去掉html的方法:1、直接禁用html标签;2、使用“function RemoveHTML(){…}”方法去除;3、使用IE或其他工具去除;4、通过VBScript去掉HTML代码。 本文操作环境:windows7系统…

    2025年3月11日
    200
  • html怎么让文字居中

    html让文字居中的方法:1、给文本所在标签加CSS属性值“text-align:center”;2、在行内标签或行内块级标签中加CSS属性值“text-align:left”。 本文操作环境:windows7系统、HTML5&&a…

    2025年3月11日
    200
  • html中锚点是什么

    html中锚点是网页的超链接中的一种,也叫命名锚点,能够精确地控制访问者在其中单击超链接之后到达的位置。锚点就是用户在文档中设置标记,这些标记通常放在文档的特定主题处或顶部,然后创建这些命名锚记的链接,这些链接可以快速将浏览者带到指定位置。…

    2025年3月11日
    200
  • html怎么去掉li的点

    html去掉li的点的方法:首先打开相应的HTML文件;然后找到带有ul和li的标识处;接着找到css或者style标签;最后写上“ul{list-style:noen}”即可。 本文操作环境:windows7系统、HTML5&&a…

    2025年3月11日 编程技术
    200
  • tomcat html乱码怎么办

    tomcat html乱码的解决办法:1、添加“URIEncoding=“UTF-8””;2、设置tomcat中“catalina.bat”;3、设置tomcat的“web.xml”。 本文操作环境:windows7系统、tomcat10.…

    2025年3月11日
    200
  • html怎么缩进

    html实现缩进效果的方法:首先创建一个HTML示例文件;然后在body中输入一些文本内容;最后通过“text-indent”属性规定文本块中首行文本的缩进即可。 本文操作环境:windows7系统、HTML5&&CSS3版…

    2025年3月11日
    200
  • html标签的含义

    html标签是指超文本标记语言标记标签,HTML标签是HTML语言中最基本的单位,也是HTML标准最重要的组成部分;HTML标签的大小写无关的,例如“主体”跟表示的意思是一样的。 本文操作环境:windows7系统、HTML5&&a…

    2025年3月11日
    200

发表回复

登录后才能评论