六个常用的表单元素,常见的操作表单元素的属性有哪些
什么是表单,表单中包括哪些常用元素?各有什么作用
表单在网页中主要负责数据采集功能。
一个表单有三个基本组成部分:
表单标签:这里面包含了处理表单数据所用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脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。