上次更新日期:
2024年4月25日
按照 Dreamweaver 中对 HTML5 的持续支持,为某些表单元素引进了新属性。 此外,还引进了四个新的 HTML5 表单元素。
可以在“插入”面板中找到表单元素。 选择“窗口”>“插入”。 在“插入”面板菜单中,选择“表单”。
表单元素共有的新属性
下列新属性为所有表单元素所共有:
- Disabled:如果您想要浏览器禁用元素,请选择此选项
- Required:如果您想要浏览器检查是否已指定值,请选择此选项
- Auto complete:选择此选项后,用户在浏览器中输入信息的时候将自动填充值。
- Auto focus:如果您想要此元素在浏览器加载页面的时候获得焦点,请选择此选项。
- Read only:选择此选项以将元素的值设置为只读。
- Form:指定 <input> 元素所属的一个或多个表单。
- Name:用来引用代码中的元素的唯一名称。
- Place holder:描述输入字段的预期值的提示
- Pattern:与之比对以验证元素值的正则表达式。
- Title:有关元素的额外信息。 显示为工具提示。
- Tab Index:指定当前元素在当前文档的 Tab 键顺序中的位置。
具有修改属性的表单元素
- Form No Validate:选择此选项可禁用表单验证。 此选择项在表单级别忽略 No Validate 属性。
- Form Enc Type:一种 MIME 类型,用户代理会将其与此元素关联以进行表单提交。
- Form Target:一个表示控制目标的浏览上下文名或关键字。
- Accept charset:指定用于表单提交的字符编码。
注释
属性的链接包含有关 HTML5 规范中列出的所有属性的信息。 并非所有这些属性都存在于“属性”面板中。 可以使用代码视图来添加不存在于面板中的属性。
| 表单元素 | 元素独有的新属性 | 属性描述 |
| 文本字段 | 列表 | http://www.w3.org/TR/html-markup/input.text.html |
| 按钮 | <无特定新属性> | http://www.w3.org/wiki/HTML/Elements/button |
| 复选框 | <无特定新属性> | http://www.w3.org/TR/html-markup/input.checkbox.html |
| 文件 | 多重 | http://www.w3.org/TR/html-markup/input.file.html |
| Form | No validate、Accept charset | http://www.w3.org/TR/2012/WD-html-markup-20120329/form.html |
| 隐藏 | <无特定新属性> | http://www.w3.org/TR/2012/WD-html-markup-20120329/input.hidden.html |
| 密码 | <无特定新属性> | http://www.w3.org/TR/html-markup/input.password.html |
| 图像 | 宽度、高度、操作、方法、表单不验证、表单编码类型、表单目标。 | http://www.w3.org/TR/html-markup/input.image.html |
| 重置 | <无特定新属性> | http://dev.w3.org/cvsweb/html5/markup/button.reset.html |
| 提交 | Form No Validate、Form Enc type、Form target、Action、Tab Index、Method。 | http://www.w3.org/TR/html-markup/input.submit.html |
| 单选 | <无特定新属性> | http://www.w3.org/TR/html-markup/input.radio.html |
| TextArea | 行数、列数、占位符、换行、最大长度、选项卡索引 | http://www.w3.org/TR/html-markup/textarea.html |
| 选择 | 大小 | http://www.w3.org/wiki/HTML/Elements/select |