html中表单的标记,HTML表单标记收藏
HTML学习笔记:表单标记收藏
1、
⽤来定义⼀个表单区域,它是⼀个容器标记,其他表单标记需要放在与之间。常⽤属性有:
(1)action:⽤来设定处理表单数据的页⾯或脚本,属性值通常为动态⽹页⽂件的路径。例如:action="do.jsp"、action="do.aspx"。 如果属性值为空则表⽰提交到页⾯本⾝。
(2)method:⽤来设定将表单数据传输到服务器所使⽤的⽅法,可取的属性值有:
(a)get:将表单数据附加到所请求的RUL中,此种⽅法不能传送⼤量数据,且不安全,所以不常⽤。
(b)post:将表单数据嵌⼊HTTP请求中,此种⽅法容许传送⼤量数据,较为常⽤。
2、⽂本框
⽂本框允许⽤户输⼊单⾏信息,如姓名、邮件地址等。定义⽂本框的语法为:
⽂本框除了type属性外,其他常⽤属性有:
(1)name:⽤来设定⽂本框的名称,所选名称必须在表单内唯⼀标认该⽂本框,名称字符串不能包含空格或特殊字符,可以使⽤字母、 数字和下划线(_)的任意组合。表单提交到服务器后需要使⽤指定的名字来获取⽂本框的值。
(2)value:⽤来设定⽂本框的默认值,也就是⽤户输⼊前⽂本框⾥显⽰的⽂本。
(3)size:⽤来设定⽂本框最多可以显⽰的字符数,也就是⽂本框的长度。
(4)maxlength:⽤来设定⽂本框中最多可以输⼊的字符数。通过此属性可以将限制为6位数,将密码限制为10个字符,等等。
3、密码框
密码框⽤来让⽤户输⼊密码,当⽤户在密码框中键⼊时,输⼊内容显⽰为项⽬符号或星号,以保护它不被其他⼈看到。定义语法为:
密码框的其它属性与⽂本框相同
4、单选按钮
单选按钮⽤来让⽤户只能从⼀组选项中选择⼀个选项,例如,性别的选择。单选按钮通常成组的使⽤,在同⼀个组中的所有单选按钮 必须具有相同的名字。定义单选按钮的语法为:
单选按钮除type外其它常⽤属性有:
(1)name:⽤来设定单选按钮的名称,作⽤同⽂本框的name。同⼀组中所有单选按钮的此属性必须设定相同的值,否则,各选项不会相 互排斥。
(2)value:⽤来设定在单选按钮被选种时发送级服务器的值。
(3)checked:服务业设定在浏览器中载⼊表单时,该单选按钮是否被选种。如果开始标记⾥加⼊checked⼀词,则初始被选中。
5、复选框
定义复选框的语法为:
复选框除type外其它常⽤属性有:
(1)name:⽤来设定复选框的名字,作⽤同⽂本框的name。
(2)value:⽤来设定在复选框被先选中时发送给服务器的值。
(3)checked:⽤来在浏览器中载⼊表单时,该复选框是否被选中。如果开始标记⾥加⼊checked⼀词,则初始被选中。
6、下拉菜单
下拉菜单的定义语法:
河南
河北
北京
⼀个下拉菜单由和来定义,提供容器,它的name属性意义同 ⽂本框的相同。⽤来定义⼀个菜单项 与之间的⽂本是呈现给访 问者的,⽽选中后传送的值是由value指定的,如果省略value属性,则value的值与⽂本 相同,加⼊selected属性可以初始为选中状态。
7、列表
列表的作⽤与下拉列表相似,但显⽰的外观不同,列表在浏览器⾥显⽰时列出部分或全部选项,另外列表允许访问者选择⼀个或多个 项⽬。定义列表的语法如下:
河南
河北
北京
与下拉列表相似,多了两个属性:size和multiple。size⽤来设定列表中显⽰的选项个数;加⼊multiple属性允许⽤户从列表 中选择多项。
8、⽂件域
⽂件域使⽤户可以选择其计算机上的⽂件,如字处理⽂档或图形⽂件,并将该⽂件上传到服务器。⽂件域的外观与⽂件框相似,只是 ⽂件域还包含⼀个“浏 览”按钮。⽤户可以⼿动输⼊要上传的⽂件的路径,也可以使⽤“浏览”按钮来定位并选择⽂件。如果要上传 ⽂件,需要注意的是,
的 method属性必须设置为post,另外,必须加上属性enctype="multipart/form-data"。
定义⽂件域的语法为:
⽂件域除type属性外其它属性与⽂本的相同。
9、隐藏域
隐藏域⽤来存储并提取⾮⽤户输⼊信息,该信息对⽤户⽽⾔是隐藏的。隐藏域不在浏览器中显⽰任何外观。定义隐藏域的语法为:
name属性⽤来指定名称,value属性⽤来指定传输的值。
10、⽂本区域
⽂本区域可以使⽤户输⼊多⾏信息,例如,输⼊留⾔、⾃我介绍等。定义⽂本区域的语法为:
开始标记与结束标记之间的⽂本为初始值,可以为空,但结束标记⼀定要有且正确。
常⽤属性有:
(1)name:⽤来指定⽂本区域的名称。
(2)rows:⽤来指定⽂本区域能够显⽰的⾏数,也就是⽂本区域的⾼度。
(3)cols:⽤来指定⽂本区域能够显⽰的列数,也就是⽂本区域的宽度。
(4)wrap:⽤来指定当⽤户在⼀⾏中输⼊的信息较多,⽆法在定义的⽂本区域内显⽰时,如何显⽰⽤户输⼊的信息。可取属性有:
(a)off:防⽌⽂本换⾏到下⼀⾏。当⽤户输⼊的内容超过⽂本区域的右边界时,⽂本将向左侧滚动。⽤户必须按回车才能将插 ⼊点移到⽂本区域的下⼀⾏ 。
(b)physical:在⽂本区域设置⾃动换⾏。当⽤户输⼊的内容超过⽂本区域的右边界时,⽂本换⾏到下⼀⾏。当提交数据进⾏ 处理时,这些数据中包含⾃动换⾏时产⽣的换⾏符。
(c)virtual:在⽂本区域中设置⾃动换⾏。当⽤户输⼊的内容超过⽂本区域的右边界时,⽂本换⾏到下⼀⾏。当提交数据进⾏ 处理时,⾃动换⾏并不应⽤于数据,数据作为⼀个字符串进⾏处理。
11、提交按钮
提交按钮⽤来将表单数据提交到服务器。定义表单的语法为:
除type外其它常⽤属性有:
html中提交表单用什么属性(1)value:⽤来指定按钮上显⽰的⽂本。
(2)name:⽤来指定按钮的名称。
12、重置按钮
重置按钮⽤来还原表单为初始状态。定义重置按钮的语法为:
重置按钮除type属性外其它属性与提交按钮的相同。
13、普通按钮
普通按钮在不添加脚本的情况下,只呈现⼀个按钮的外观,单击后没有任何动作。普通按钮通常⽤来跟JavaScript脚本相结合产⽣特 定的动作。定义普通按钮的语法为:
普通按钮除type属性外其它属性与提交按钮的相同。
14、图像按钮
图像按钮就是⽤图像作为按钮图标,来实现按钮的功能。定义图像按钮的语法为:
图像按钮除type外其它常⽤属性有:
(1)name:⽤来指定图像按钮的名称。
(2)src:⽤来指定要为该按钮使⽤的图像,属性值为图像⽂件的相对路径或绝对路径。
(3)alt:⽤于输⼊描述性⽂本,⼀旦图像在浏览器中载⼊失败,将显⽰⽂本。
(4)width:⽤来设定图像的⾼度。
(5)height:⽤来设定图像的宽度。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论