您的位置首页生活百科

html表单元素有哪些

html表单元素有哪些

的有关信息介绍如下:

html表单元素有哪些

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

一、文本域<in目副差精puttype="text"name="text"value=""/>

二、密码域

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

<inputtype="password"name="text"value=""/>

三织养能黑序积序、单选按钮

男人:<inputtype="radio"nam屋e="sex"value=材优掌"male"/>Male<br/>

女人:<inputtype="radio"name="sex"value="female"/>Female

四、复选框

<inputtype针标很影资三服衡="checkbox"name="check1"value拿很选苏李促=""/>

五、按钮

<inputtype="button"value="确认"/>

六、重置按钮

当点击重置按钮时,重置唤备按钮所在的表单将全部清律困纸断尼主定前必空,而其他表单不受影响。<inputty减十察算使加误pe="reset"value="重置"/>

七、提交按钮

当点击提交按钮时,浏览器将自动提交表单。<inputtype="submit"value="提交"/>

八、隐藏域

隐藏域在百球式片阿安线浏览器中并不显示,仅仅为保露日田年存一些不太重要的资料而存在。<inputtype="hidden"value="我班钱爱干供结是一个隐藏域"/>

九、构车积给也略背业脸上传域<inputtype="file"va杀朝吸同曲纪青第停单lue=""/>

十、图太族片按钮<input底发type="image"src待整="123.gif"/>

十一、下拉列表<select>

<o烈获ptionvalue="0">0</option>

<optionvalue="1">1</option>

<optionvalue="2">2</option>

例如:

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

十二、label

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

例如:

<label><inputtype="radio"name="male"/>男人</label></p>

<label><inputtype="radio"name="male"/>女人</label></p>

十三、禁用旁链余(disabled)与只读(readonly)

禁用和只读属性。readonly只针对input(text/password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio,checkbox,button等。但是表单元素运滚在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去。

禁用文本框:<inputtype="text"disabled="disabled"/>

只读文本框:<inputtype="text"readonly="readonly"/></form>

十四、TextArea

十五、fieldset  定义域

fieldset用于给表单元素分组,legend用于设置分组标题。

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分:表单标签,这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域,包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮,包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。