HTML表单标签元素总汇2

textarea(文本区域):定义输入区也就是所谓的多行文本框

当需要用户输入大量数据时使用textarea元素最佳选择

cols属性:定义文本区的宽度
rows属性:定义文本区的高度
wrap属性:定义用户输入内容大小文本域宽度时的显示方式

  1. soft:当在表格提交时,textarea中的文本不换行。默认值
  2. hard:当在表单中提交时,textarea中的文本换行。当时用hard时必须规定cols属性

select(可选择列表):定义下拉菜单或列表框

option(选项):定义下拉选项或列表选项

option元素定义每个选项的信息,包含显示的值和要传递的值

size元素把下拉菜单形式转化为列表框形式

size的值如果大于或等于select元素包含的option时,则列表不会出现滚动条,否则就会出现滚动条

multiple属性,设置列表框是否允许多选

固定值为multiple

optgroup(选项组):定义下拉选项组

optgroup元素的作用是在下拉菜单或列表框中定义分组选项
optgroup元素不支持嵌套,因此,在使用时不要互相包含

button(发送按钮):定义表单的发送按钮

button元素可以放置内容
button相对于input元素里submit来说该按钮提供了许多功能、更丰富的内容等

表单分组

fieldset(域组):定义表单的字段域

fieldset元素默认显示边框效果

legend(图例):定义字段域的标题

legend默认于左上角

另外legend元素必须包含在fieldset元素内部 并且相邻fieldset元素

label(标签)

定义表单的控制标签
for属性使其与表单域绑定在一起形成关联

定义快捷键,访问件和禁止访问

accesskey属性可以设置或回访单选按钮的快捷键
tabindex属性规定当使用“tab”键进行导航时元素的顺序
disabled属性规定应该禁用的元素。

所有表单元素都包含的两个基本元素

name:该属性定义了表单对象的名称,后台服务器能够利用该属性来读取其中的数据

除了按钮之后其他表单对象都应该设置name属性 设置name属性可以根据对应表单对象包含的内容来确定

id:该属性定义了表单对象的ID编码:前台客户端脚本能够利用该属性控制对象的动态表现

一般可以为表单的对象name和id属性设置相同的属性值

isindex(索引):定义简单的输入框:已废弃元素

发布了134 篇原创文章 · 获赞 109 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/qq_44607694/article/details/86901751