html常见的表单元素有哪些,html表单元素有哪些?

html常见的表单元素有哪些,html表单元素有哪些?HTML 中常用的表单元素包括 文本区域 TEXTAREA 列表框 SELECT 文本输入框 INPUTtype text 密码输入框 INPUTtype password 单选输入框 INPUTtype radio 复选输入框 INPUTtype checkbox 重置按钮 提交按钮 隐藏域 等等 一 文本域二 密码域密码跟文本框类似 但是在里面输入的内容显示为圆点 三 单选按

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

一、文本域

二、密码域

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

三、单选按钮

男人: Male

女人: Female

四、复选框

五、按钮

六、重置按钮

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

七、提交按钮

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

八、隐藏域

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

九、上传域

十、图片按钮

十一、下拉列表

0

1

2

例如:

属性: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脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/224525.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 上午11:44
下一篇 2026年3月17日 上午11:45


相关推荐

  • java自定义注解实现「建议收藏」

    引言去杭州第一面试的时候问及到自定义注解,那时候不清楚,现在简单写下,算是对过去的一个交代。自定义注解关于注解的定义这里就不解释了,下面直接来看java提供的四个元注解(作用:负责注释其它注解)。1、@Target(用于描述修饰对象的范围)范围取值于ElementType这个枚举类:ANNOTATION_TYPE(注释…

    2022年4月13日
    49
  • 1g的树莓派4b能做什么_树莓派4B开发板简介

    1g的树莓派4b能做什么_树莓派4B开发板简介树莓派简介RaspberryPi(中文名为“树莓派”,简写为RPi,(或者RasPi/RPI)是为学生计算机编程教育而设计,只有信用卡大小的微型电脑,其系统基于Linux,随着Windows10IoT的发布,我们也将可以用上运行Windows的树莓派,别看其外表“娇小”,内“心”却很强大,视频、音频等功能通通皆有,可谓是“麻雀虽小,五脏俱全。树莓派由注册于英国的慈善组织“Raspber…

    2022年5月20日
    44
  • TCP报文段详解

    TCP协议tcp报文段源端口&目的端口2字节(tcp的分用功能以端口实现)序号4字节tcp三次握手中的seq,表示tcp数据段发送的第一个字节的序号,范围[0,2^32-1],即mod2^32;例如,seq=201,携带的数据有100,那么最后一个字节的序号就为300,那么下一个报文段就应该从401开始,下一个序列的首地址.tcp是面向字节…

    2022年4月7日
    63
  • OpenClaw + Home Assistant:用AI Agent让智能家居真正“听懂人话”

    OpenClaw + Home Assistant:用AI Agent让智能家居真正“听懂人话”

    2026年3月13日
    3
  • laravel 先orderBY再groupby,导致分组后的排序不正确

    laravel 先orderBY再groupby,导致分组后的排序不正确

    2021年11月10日
    45
  • pycharm run/debug configurations配置_linux中run文件怎么安装

    pycharm run/debug configurations配置_linux中run文件怎么安装0、Run/DebugConfigurations的坑在安装完PyCharm后,配置好Settings里的ProjectInterpreter,这里就是配置pythoy的解释器。之后运行的时候按Ctrl+Shift+F10运行编辑器的配置,帮你自动配置好Run/DebugConfigurations并运行,而运行另一个文件或新文件时再按Ctrl+Shift+…

    2022年8月28日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号