html设计表单的标签有哪些_html设计表单的标签有哪些内容

html设计表单的标签有哪些_html设计表单的标签有哪些内容HTML 的表单元素有哪些html的表单元素有:1、文本区域“textarea”;2、列表框“select”;3、文本输入框“input type=text”;4、密码输入框“input type=password”;5、单选输入框等等。本文操作环境:windows7系统、HTML5版、

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),重置按钮、提交按钮、隐藏域、等等。

  一、文本域

  <input type="text" name="text" value="" />登录后复制

  二、密码域

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

  <input type="password" name="text" value="" />登录后复制

  三、单选按钮

  男人: Male

  女人: Female

  四、复选框

  <input type="checkbox" name="check1" value="" />登录后复制

  五、按钮

  六、重置按钮

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

  七、提交按钮

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

  八、隐藏域

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

  九、上传域

  十、图片按钮

  十一、下拉列表

  <option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>登录后复制

  例如:

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

  十二、label

  abel 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。例如,当将单选按钮放在label内。则点击label内的文字也会触发单选按钮,而不必只是点中小圆点。

  例如:

  <label><input type="radio" name="male" />男人</label></p>
<label><input type="radio" name="male" />女人</label></p>登录后复制

  十三、禁用(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 的表单元素有哪些的详细内容,更多请php中文网其它相关文章!

激活谷谷主为您准备了激活教程,为节约您的时间请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/93646.html

(0)
上一篇 2024年 5月 28日
下一篇 2024年 5月 28日

相关推荐

  • 图片地址是什么数据类型的

    图片地址是什么数据类型的点击上方头像关注我,每周上午 09:00准时推送,每月不定期赠送技术书籍。本文4231字,阅读约需11分钟Hi,大家好。API 调试是必不可少的一项技能,在这方面 Postman 做的非常出色。但是API 调试

    激活谷笔记 2024年 5月 19日
  • visio怎么读区图片_图片转visio格式

    visio怎么读区图片_图片转visio格式时序图怎么画?想知道用什么工具能画出特别精美的时序图。首先说下时序图的创建步骤1、确定交互过程的上下文;2、识别参与过程的交互对象;3、为每个对象设置生命线;4、从初始消息开始,依次画出随后消息;5、考虑消息的嵌套,标示消息发生时的时间点,则采用FOC

    2024年 5月 15日
  • ddds值是什么意思_抗生素ddds值是什么意思

    ddds值是什么意思_抗生素ddds值是什么意思抗菌药物DDD值速查表抗菌药物DDD值速查表数据依据:ATC/DDD Index,抗菌药物临床应用监测网附:DDD:限定日剂量。用于主要治疗目的的成人的药物平均日剂量。DDDs:用药频度。DDDs=该药年销售总量(g)/该药的DDD值。DDDs可反映不同年度的用药动态和用药结构,

    2024年 5月 30日
  • bandizip怎么把文件压缩到最小_怎么用bandizip解压

    bandizip怎么把文件压缩到最小_怎么用bandizip解压bandzip怎么把文件压缩的最小?用bandzip把文件压缩到最小,可以在压缩过程中通过设置来操作,下面给大家简单分享下操作步骤吧~1、打开bandzip软件后,在软件界面点击“新建压缩文件”选项。2、在新建压缩文件界面中,点击“添加”按钮添加要压缩的文件,再点击左下角

    2024年 5月 14日
  • word文档怎么排版手机上编辑_word文档手机怎么排版

    word文档怎么排版手机上编辑_word文档手机怎么排版手机word文档怎么编辑-手机word文档怎么编辑图片并排编辑手机word文档中的图片并排的步骤如下:1. 打开手机上的Word文档编辑器,进入要编辑的文档。2. 在文档中的适当位置插入第一张图片。可以通过点击工具栏上的“插入”按钮,然后选择“图片”选项来完成插入。3. 插

    2024年 5月 9日
  • potplayer干啥的_potplayer干嘛的

    potplayer干啥的_potplayer干嘛的Potplayer 播放器 – 下载,安装,设置 – Potplayer 用户必看对比市面上常见的视频播放器:Potplayer,VLC,MPV,MPC-HC,MPC-BE,sigusoft影音,迅雷播放器等等个人觉得 Windows 电脑上最好用的,最值得推荐的,本地视频播放器,现在依然是

    2024年 5月 24日
  • 7zip免费吗_7zip怎么要收费了

    7zip免费吗_7zip怎么要收费了7zip到底好在哪里,为什么评价这么高?感觉UI蛮丑的, 关键是在压缩包状态下无法直接打开阿。。 科普一下 ,为什么7zip这么厉害? 微pe也采用的是7zip..大部分压缩软件都用过,现在一直用7zip,主要是因为开源,安装体积小,支持格式多

    2024年 5月 14日
  • ubuntu2004分区方案_ubuntu22手动分区教程

    ubuntu2004分区方案_ubuntu22手动分区教程Ubuntu22.04 LTS 分区及配置优化(一步到位)Ubuntu 22.04 LTS是Ubuntu操作系统的一个版本,它是长期支持版本(LTS),意味着它将获得5年的安全更新和重要软件包更新的支持。如果你想下载Ubuntu 22.04 LT

    激活谷笔记 2024年 5月 8日
  • malloc语句_malloc语句用法

    malloc语句_malloc语句用法【C】动态内存管理 malloc calloc relloc free 函数详解1.为什么存在动态内存分配我们已经掌握的内存开辟方式有:这种内存开辟,如果开辟多了,那么内存空间就会浪费但是上述的开辟空间的方式有两个特点:1. 空间开辟大小是固定的。2. 数组在申明的时候,必须指定数组的长度,它所需

    2024年 5月 27日
  • anaconda怎么切换环境_anaconda默认环境base在哪

    anaconda怎么切换环境_anaconda默认环境base在哪如何将anaconda的默认base环境设置为系统python环境重装了系统,之前电脑上的一切都清空了,重新安装了Anaconda和Gephi,在使用Gephi的时候,提示在电脑上没有找到1.8以上的python环境所以没法运行。电脑太卡了&#

    2024年 5月 17日
  • matlab画位移云图_matlab位移分布云图

    matlab画位移云图_matlab位移分布云图Matlab图形与图像处理(3.11-3.15)3.11 绘制参数化函数的曲面图x=0:0.02*pi:2*pi;y=0:0.01*pi:pi;[s,t]=meshgrid(x,y); %%利用向量xy,定义二维网格矩阵r = 2 + sin(7.*s + 5.*t);X

    2024年 5月 24日
  • ibq是什么缩写_ibq是什么意思

    ibq是什么缩写_ibq是什么意思IBQ商标转让基础信息分析 商标说明:该商标为“IBQ”,由电脑设计制作合成,无其它特殊含义。

    激活谷笔记 2024年 5月 30日
关注微信