HTML的表单元素有:1、文本区域“TEXTAREA”;2、列表框“SELECT”;3、文本输入框“INPUT type=text”;4、密码输入框“INPUT type=password”;5、单选输入框等等。
本文操作环境: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="" />
三、单选按钮
男人:a1d45f71843535333523a80a156b8c23 Maledf250b2156c434f3390392d09b1c9563
女人:3fa6c8a5f4bbe24bfe61fd020d91eceb Female
四、复选框
<input type="checkbox" name="check1" value="" />
五、按钮
b9c4ce62d1cd9c70643b459a84277248
六、重置按钮
当点击重置按钮时,重置按钮所在的表单将全部清空,而其他表单不受影响。eb8539e03e1fd157c994fc5b5d0bbfbc
七、提交按钮
当点击提交按钮时,浏览器将自动提交表单。f9a321f907b79969934af425e2172313
八、隐藏域
隐藏域在浏览器中并不显示,仅仅为保存一些不太重要的资料而存在。cfc1be4410f580decd881c1eaebc1d8c
九、上传域f57b29482c5c0d8cdeab3b6cc90f65c1
十、图片按钮17e38dc3f07bfc8ec538529862f7f9b9
十一、下拉列表221f08282418e2996498697df914ce4e
<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会将该值传递出去。
禁用文本框:4acb18fab7b58b0613c67fc40dc596b6
只读文本框: 5ff1afdc30c7b6563894badadb1d9565f5a47148e367a6035fd7a2faa965022e
十四、TextArea
十五、fieldset 定义域
fieldset用于给表单元素分组,legend用于设置分组标题。
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签,这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域,包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮,包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。
推荐教程:《html视频教程》
以上是HTML 的表单元素有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!