Blog

Keep up to date with the latest news

: 表单元素

试一试

form.form-example {

display: table;

}

div.form-example {

display: table-row;

}

label,

input {

display: table-cell;

margin-bottom: 10px;

}

label {

padding-right: 10px;

}

可以使用 :valid 和 :invalid CSS 伪类,根据表单内的 elements 是否有效来设置

元素的样式。

属性

此元素包含全局属性。

accept 已废弃

服务器接受的以逗号分隔的内容类型。

注意: 此属性已废弃,不应使用。 请改用 元素上的 accept 属性。

accept-charset

服务器接受的字符编码。规范允许一个不区分大小写的单一值 "UTF-8",这反映了该编码的普遍性(历史上可以指定多个字符编码,以逗号或空格分隔的列表)。

autocapitalize

控制输入文本是否自动大写,如果是,则以何种方式大写。更多信息请参见 autocapitalize 全局属性页面。

autocomplete

指示输入元素是否可以默认由浏览器自动完成其值。表单元素上的 autocomplete 属性会覆盖 上的属性。可能的值

off:浏览器可能不会自动完成条目。(浏览器倾向于忽略可疑的登录表单;请参见管理登录字段的自动填充。)

on:浏览器可以自动完成条目。

name

表单的名称。该值不能为空字符串,并且在它所属的表单集合中的 form 元素中必须是唯一的(如果有)。该名称成为 Window、Document 和 document.forms 对象的属性,包含对表单元素的引用。

rel

控制表单创建的注释和链接类型。注释包括 external、nofollow、opener、noopener 和 noreferrer。链接类型包括 help、prev、next、search 和 license。rel 值为这些枚举值以空格分隔的列表。

表单提交属性

以下属性控制表单提交期间的行为。

action

处理表单提交的 URL。此值可以被

Name:

Do you agree to the terms?

结果

技术摘要

内容类别

流式内容,可感知内容

允许内容

流式内容,但不包含

元素

标签省略

无,起始标签和结束标签都必须存在。

允许父级

任何接受 流内容 的元素

隐式 ARIA 角色

form

允许的 ARIA 角色

search、none 或 presentation

DOM 接口

HTMLFormElement

规范

规范

HTML# the-form-element

浏览器兼容性

加载中…

另见

HTML 表单指南

创建表单时使用的其他元素: