六个常用的表单元素,常见的操作表单元素的属性有哪些

http://www.itjxue.com  2023-01-16 13:56  来源:未知  点击次数: 

什么是表单,表单中包括哪些常用元素?各有什么作用

表单在网页中主要负责数据采集功能。

一个表单有三个基本组成部分:

表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

扩展资料

多行文本框是一种让访问者自己输入内容的表单对象,只不过能让访问者填写较长的内容。

属性解释:

name属性定义多行文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;cols属性定义多行文本框的宽度,单位是单个字符宽度;rows属性定义多行文本框的高度,单位是单个字符宽度;wrap属性定义输入内容大于文本域时显示的方式,可选值如下:

默认值是文本自动换行;当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现。

Off,用来避免文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行; Virtual,允许文本自动换行。 Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。

参考资料来源:百度百科—表单

列举表单当中的常用表单元素,并指出其代表的含义

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

表单标志的主要元素、属性如下:

form/form创建表单

select multiple name="name" size=""/select创建滚动菜单,size设置在需要滚动前可以看到的表单项数目

option 设置每个表单项的内容

select name="name"/select创建下拉菜单

option 设置每个菜单项的内容

textarea name="name" cols=40 rows=8/textarea创建一个文本框区域,列的数目设置宽度,行的数目设置高度

input type="checkbox" name="name"创建一个复选框,文字在标签后面

input type="radio" name="name" value=""创建一个单选框,文字在标志后面

input type=text name="foo" size=20 创建一个单行文本输入区域,size设置为字符串的宽度

input type="submit" value="name"创建提交(submit)按钮

input type="image" border=0 name="name" src="name.gif"创建一个使用图像的提交(submit)按钮

input type="reset"创建重置(reset)按钮

HTML中常用的表单元素

1、input 元素定义输入框,根据不同的?type?属性,可以变化为多种形态。例如:

input type=text表示文本输入框,input type=password表示密码输入框,input type=radio表示单选输入框,input type=checkbox表示复选输入框。

2、select?元素定义下拉列表;

3、option?元素定义待选择的选项;列表通常会把首个选项显示为被选选项。能够通过添加 selected 属性来定义预定义选项;

4、textarea?元素定义多行输入字段(文本域);

5、button?元素定义可点击的按钮;

6、datalist?元素为 input 元素规定预定义选项列表;用户会在他们输入数据时看到预定义选项的下拉列表。

表单中常用的表单元素有哪些?说出它们所提供给的属性,方法,和集合

表单标志的主要元素、属性如下:

form/form创建表单

select multiple name="name" size=""/select创建滚动菜单,size设置在需要滚动前可以看到的表单项数目

option 设置每个表单项的内容

select name="name"/select创建下拉菜单

option 设置每个菜单项的内容

textarea name="name" cols=40 rows=8/textarea创建一个文本框区域,列的数目设置宽度,行的数目设置高度

input type="checkbox" name="name"创建一个复选框,文字在标签后面

input type="radio" name="name" value=""创建一个单选框,文字在标志后面

input type=text name="foo" size=20 创建一个单行文本输入区域,size设置为字符串的宽度

input type="submit" value="name"创建提交(submit)按钮

input type="image" border=0 name="name" src="name.gif"创建一个使用图像的提交(submit)按钮

input type="reset"创建重置(reset)按钮

Dreamweaver8中什么是表单?常见的表单域元素有哪些?

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

表单标签<form></form>

文本框<input type="text" name="..." size="..." maxlength="..." value="...">多行文本框 <TEXTAREA name="example2" cols="20" rows="2" wrap="PHYSICAL"></TEXTAREA>密码框<input type="password" name="..." size="..." maxlength="...">隐藏域<input type="hidden" name="ExPws" value="dd">复选框<input type="checkbox" name="yesky" value="09">yesky.com

<input type="checkbox" name="Chinabyte" value="08">Chinabyte.com

单选框 <input type="radio" name="myFavor" value="1">yesky.com下拉选择框<select name="mySel" size="1">

<option value="1" selected>yesky.com</option>

<option value="d2">chinabyte.com</option>

</select>

表单按钮 ?0?2提交按钮 ?0?2 <input type="submit" name="..." value="...">?0?2 ?0?2 ?0?2 ?0?2 ?0?2 ?0?2 ?0?2 ?0?2 复位按钮 ?0?2 ?0?2<input type="reset" name="..." value="...">?0?2 ?0?2 ?0?2 ?0?2 ?0?2 ?0?2 ?0?2 ?0?2 ?0?2一般按钮 ?0?2 ?0?2 ?0?2 <input type="button" name="..." value="..." onClick="...">

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

女人: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内的文字也会触发单选按钮,而不必只是点中小圆点。

例如:

labelinput type="radio" name="male" /男人/label/p

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

(责任编辑:IT教学网)

更多

推荐编程综合文章