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

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

相关文章
WK
|
1月前
|
存储 移动开发 前端开发
HTML5新增了哪些其他元素和属性
这段文字介绍了HTML5中新增的多种元素和属性,包括页面布局元素如header、nav等,表单元素如email、tel输入框等,以及其他元素如canvas、svg等。此外,还介绍了全局及表单属性,例如contenteditable、placeholder等,这些新功能显著增强了HTML5在现代网页设计与开发中的实用性与灵活性。
WK
51 1
|
15天前
|
定位技术
时尚的联系我们表单HTML模板(源码)
一款时尚的联系我们表单Html模板,带地图和所在位置,输入基本信息和信息发送,看起来很漂亮的联系我们页面。
27 1
时尚的联系我们表单HTML模板(源码)
|
13天前
|
移动开发 UED HTML5
HTML 表单和输入7
HTML 表单标签包括 `<form>`、`<input>`、`<textarea>`、`<label>`、`<fieldset>`、`<legend>`、`<select>`、`<optgroup>`、`<option>` 和 `<button>` 等,用于创建用户输入界面。HTML5 新增了 `<datalist>`、`<keygen>` 和 `<output>` 标签,增强了表单的功能和用户体验。
|
13天前
HTML 表单和输入6
提交按钮 `<input type="submit">` 用于将表单数据发送到服务器。表单的 `action` 属性指定接收数据的服务器文件,而 `method` 属性定义了提交方式(`get` 或 `post`)。`get` 方法将数据附加在 URL 后,适用于非敏感信息;`post` 方法将数据包含在请求体中,适用于敏感数据。示例展示了如何使用这两种方法提交表单。
|
8天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
19 3
|
14天前
HTML 表单和输入5
复选框(Checkboxes)由 `<input type="checkbox">` 定义,允许用户选择一个或多个选项。
|
14天前
HTML 表单和输入2
HTML 表单是用于收集用户输入的区域,包含各种表单元素如文本域、下拉列表、单选框和复选框等。使用 `<form>` 标签创建表单,其中包含多个 `<input>` 元素来定义不同的输入类型。
|
14天前
HTML 表单和输入3
HTML 表单中的 `<input>` 标签是最常用的表单元素,其类型由 `type` 属性定义。常见的输入类型包括文本域(`<input type="text">`),用于用户在表单中输入字母和数字。
|
14天前
|
数据安全/隐私保护
HTML 表单和输入4
密码字段使用 `<input type="password">` 定义,输入的字符会被隐藏为星号或圆点。单选按钮使用 `<input type="radio">` 定义,用户只能选择一个选项。
|
23天前
HTML 元素
HTML文档由HTML元素定义,元素包括开始标签、内容和结束标签。某些元素内容为空,可在开始标签中关闭。大多数元素可拥有属性,且元素间可相互嵌套,形成复杂结构。

热门文章

最新文章