当前位置: 首页 > news >正文

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

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

http://www.lryc.cn/news/367897.html

相关文章:

  • spring boot sso
  • Keras深度学习框架实战(5):KerasNLP使用GPT2进行文本生成
  • 速盾:网站重生之我开了高防cdn
  • 【spark】spark列转行操作(json格式)
  • 记录一次Linux启动kafka后并配置了本地服务连接远程kafka的地址后依旧连接localhost的问题
  • MacOS中Latex提示没有相关字体怎么办
  • 物资材料管理系统建设方案(Word)—实际项目方案
  • !力扣102. 二叉树的层序遍历
  • Vue3 + TS + Antd + Pinia 从零搭建后台系统(一) 脚手架搭建 + 入口配置
  • 中国同胞进来看看,很多外国人想通过CSDN坑咱们中国人
  • Web前端电话咨询:深度解析与实用指南
  • 使用python绘制季节图
  • VS2019专业版 C#和MFC安装
  • spring入门aop和ioc
  • 使用Python创建Word文档
  • 【设计模式】装饰器模式(结构型)⭐⭐
  • 计算机网络--应用层
  • 计算机网络 —— 网络层(IP数据报)
  • Clo3D导出服装动画,使用Unity3D展示
  • LSTM 词语模型上的动态量化
  • STM32 proteus + STM32Cubemx仿真教程(第一课LED教程)
  • 享元模式
  • R语言数据分析16-针对芬兰污染指数的分析与考察
  • Search用法Python:深入探索搜索功能的应用与技巧
  • STM32的FreeRtos的学习
  • 从零入手人工智能(2)——搭建开发环境
  • Web前端指南
  • AI菜鸟向前飞 — LangChain系列之十七 - 剖析AgentExecutor
  • nodejs 第三方库 exiftool-vendored
  • docker部署redis实践