按照 Dreamweaver 中对 HTML5 的持续支持,为某些表单元素引进了新属性。此外,还引进了四个新的 HTML5 表单元素。

可以在“插入”面板中找到表单元素。选择“窗口”>“插入”。在“插入”面板菜单中,选择“表单”。

Dreamweaver 中的“修订表单”工作流程

Dreamweaver 中的“修订表单”工作流程
Dreamweaver 12.1 更新中的“修订表单”工作流程。
David Powers

表单元素共有的新属性

下列新属性为所有表单元素所共有:

  • 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 规范中列出的所有属性的信息。并非所有这些属性都存在于“属性”面板中。 可以使用代码视图来添加不存在于面板中的属性。

表单元素 元素所特有的新属性 属性的说明
文本字段 List 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
文件 Multiple http://www.w3.org/TR/htmlmarkup/input.file.html
表单 No validateAccept 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
图像 Width、Height、Action、Method、Form no Validate、Form Enc Type、Form target http://www.w3.org/TR/htmlmarkup/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 Rows、Cols、Place Holder、Wrap、Max Length、Tab Index http://www.w3.org/TR/html-markup/textarea.html
选择 Size http://www.w3.org/wiki/HTML/Elements/select

HTML5 表单元素

表单元素 所属版本 说明 属性的说明
颜色 12.2 适用于应包含颜色的输入字段。 http://www.w3.org/TR/html-markup/input.color.html
日期 12.2 帮助用户选择日期的控件。 http://www.w3.org/TR/html-markup/input.date.html
日期时间 12.2 使用户可选择日期和时间(带时区)。 http://www.w3.org/TR/html-markup/input.datetime.html
当地日期时间 12.2 使用户可选择日期和时间(无时区) http://www.w3.org/TR/html-markup/input.datetime-local.html
12.2 使用户可选择月和年。 http://www.w3.org/TR/html-markup/input.month.html
数字 12.2 适用于应仅包含数字的字段。 http://www.w3.org/TR/html-markup/input.number.html
范围 12.2 适用于应包含某个数字范围内值的字段。 http://www.w3.org/TR/html-markup/input.range.html
时间 12.2 使用户可选择时间。 http://www.w3.org/TR/html-markup/input.time.html
12.2 使用户可选择周和年。 http://www.w3.org/TR/html-markup/input.week.html
电子邮件 12.1 一个控件,用于编辑在元素值中给出的电子邮件地址的列表。 http://www.w3.org/TR/html-markup/input.email.html
搜索 12.1 一个单行纯文本编辑控件,用于输入一个或多个搜索词。 http://www.w3.org/TR/html-markup/input.search.html
电话 12.1 一个单行纯文本编辑控件,用于输入电话号码。 http://www.w3.org/TR/html-markup/input.tel.html
URL 12.1 一个控件,用于编辑在元素值中给出的绝对 URL。 http://www.w3.org/TR/html-markup/input.url.html

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略