html表单元素有哪些

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="" />

三、单选按钮

男人:<input type="radio" name="sex" value="male" />Male<br />

女人：<input type="radio" name="sex" value="female" />Female

四、复选框

<input type="checkbox" name="check1" value="" />

五、按钮

<input type="button" value="确认" />

六、重置按钮

当点击重置按钮时，重置按钮所在的表单将全部清空，而其他表单不受影响。<input type="reset" value="重置" />

七、提交按钮

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

八、隐藏域

隐藏域在浏览器中并不显示，仅仅为保存一些不太重要的资料而存在。<input type="hidden" value="我是一个隐藏域" />

九、上传域<input type="file" value="" />

十、图片按钮<input type="image" src="123.gif" />

十一、下拉列表<select>

<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会将该值传递出去。

禁用文本框：<input type="text" disabled="disabled" />

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

十四、TextArea

十五、fieldset    定义域

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

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

问题一：表单中常用的表单元素有哪些？说出它们所提供给的属性，方法，和 *** 表单的基本元素

辅助元素

问题二：html表单元素有哪些 一、文本域

二、密码域

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

三、单选按钮

男人: Male

女人： Female

四、复选框

五、按钮

六、重置按钮

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

七、提交按钮

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

八、隐藏域

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

九、上传域

十、图片按钮

十一、下拉列表

0

1

2

属性 可选值 说明

disabled

disabled 规定禁用该下拉列表。

multiple multiple 规定可选择多个选项。

name name 规定下拉列表的名称。

size number 规定下拉列表中可见选项的数目。

十二、label

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了......>>

问题三：html5新增的表单元素有哪些 表单结构更灵活

要提交数据的控件可以布局在form标签之外，看下面的代码，表单元素可以写到form元素之外，只需在元素中加入form=form1属性，也可提交到form元素指定的服务器地址

新增表单元素

我们以前学过的表单元素包括“text”、“button”、“file”、radio等，html5中新增加了一些表单元素，下面列出这些元素及其作用

email 类型用于验证email的格式，当提交表单时会自动验证email域的值

url 类型用于验证 URL 地址的格式，当提交表单时会自动验证url域的值

number 类型会根据你的设置提供选择数字的功能，min属性设置最小值、max属性设置最大值，value属性设置当前值，step属性设定每次增长的值，某些浏览器还不支持

range 类型用于应该包含一定范围内数字值的输入域，其会以一个滑块的形式展现，min属性设置最小值、max属性设置最大值，value属性设置当前值，如果没有设置，则其默认值的范围是1-100

日期和时间类型：HTML5 拥有多个可供选取日期和时间的新输入类型：

date - 选取日、月、年

month - 选取月、年

week - 选取周和年

time - 选取时间（小时和分钟）

datetime - 选取时间、日、月、年（UTC 时间）

datetime-local - 选取时间、日、月、年（本地时间）

search 类型用于搜索域，比如站点搜索或 Google 搜索，为其加上results=s属性，则会在搜索框前面加上一个搜索图标

tel类型用于验证输入的是否是电话格式的内容，此元素现在还没有浏览器支持

color类型会提供一个颜色拾取器，供用户选择颜色，并将用户选择的颜色填充到此元素中

案例如下，大家可以将代码拷贝或者自己编写之后，在浏览器中查看效果

主页:

邮箱:

>

问题四：Html语言表单元素的构成都包括哪些 一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

问题五：网页实例中常见的表单元素有哪些 10分 1、文本框

2、文本域

3、按钮

4、复选框

5、单选按钮

6、列表菜单

7、文件域

8、图像域

9、隐藏域

这些就是比较常见的，其实一般的表单构造只用到1~6，而7~9用的也不多，我在这里只给出标记的中文名称和简单的标记语法，具体的属性、用法等内容比较多，请你在百度上看一下！

问题六：常见的表单元素有哪些 表单的基本元素

辅助元素

问题七：html5中哪些是不同的新的表单元素类型 新的input的类型有

email（自动验证email格式）

url（自动验证url格式）

number（只能输入数字）

range（类似音量滑动条）

Date pickers (date, month, week, time, datetime, datetime-local)（自带日期选择）

search（搜索域，类似百度的类似搜索提示）

color（颜色选择，这个现在不兼容大部分浏览器=-=）

新标签

datalist（自动验证内容是否在可选择选项中）

keygen

output （这俩我没看懂神马意思，也是大部分浏览器不兼容）

详细可以去w3school看看，

w3school/...es.asp

问题八：html 常用的表单控件类型有哪些 5分 文本字段 text

密码 password

隐藏域 hidden

文本区域 textarea

复选框 checkbox

单选按钮 radio

选择列表 select

图像域 image

文件域 file

按钮 button

提交按钮 submit

大致就是这些。

问题九：关于html中，跟表单相关的元素都有哪些？ w3school/html/html_forms.asp

问题十：表单中一般包括哪些常用的表单元素 基本介绍

本专题从最基础的表单知识，到表单的高级应用，让你有一个比较全面地认识，相信你在读完本专题以后，一定会对表单非常熟悉。 表单概述 表单，在网页中的作用不可小视，主要负责数据采集的功能，比如你可以采集访问者的名字和e－mail地址、调查表、留言簿等等。

[编辑本段]表单的组成

一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。 为了顾及不同的网页设计工具，本文只讲述代码的设计，不具体讲述 *** 作方法，下面就是表单的HTML代码设计要点：

<form>->声明表单

<select>->下拉框

<radio>->单选框

<input>->文本框

<text>->文本字段

一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

属性解释：

action=url用来指定处理提交表单的格式。它可以是一个URL地址（提交给程式）或一个电子邮件地址。

method=get或post指明提交表单的HTTP方法。可能的值为：post：POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中。get：不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器。这是往前兼容的缺省值。这个值由于国际化的原因不赞成使用。

以上内容参考：百度百科-表单

---