Dreamweaver表单元素增强 HTML5的 支持

• Dreamweaver
• 表单
• HTML5

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

表单元素

元素所特有的新属性

属性的说明

文本字段

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/html-markup/input.file.html

表单

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

图像

Width、Height、Action、Method、Form no Validate、Form Enc Type、Form target。

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

文字区域

Rows、Cols、Place Holder、Wrap、Max Length、Tab Index

http://www.w3.org/TR/html-markup/textarea.html

选择

大小

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