上次更新時間
2024年4月25日
為貫徹 Dreamweaver 對 HTML5 的持續支援，已針對某些表單元素引進新的屬性。 此外，還引進 4 個新的 HTML5 表單元素。
您可以在「插入」面板找到表單元素。 選取「視窗 > 插入」。 在「插入」面板選單中選取「表單」。
表單元素常用的新屬性
以下列出所有表單元素常用的新屬性：
- Disabled：如果您想要瀏覽器停用該元素，請選取這個選項。
- Required：如果您想要瀏覽器檢查是否有指定某個值，請選取這個選項。
- Auto complete：選取此選項，當使用者在瀏覽器中輸入資訊時自動填入值。
- Auto focus：如果您想要瀏覽器載入頁面時焦點放在此元素上，請選取這個選項。
- Read only：選取此選項將元素的值設成唯讀。
- Form：指定 <input> 元素所屬的一個或多個表單。
- Name：用來在程式碼中參考元素的唯一名稱。
- Place holder：說明輸入欄位必要值的提示。
- Pattern：驗證元素值的規則運算式。
- Title：關於元素的額外資訊。 顯示為工具提示。
- Tab Index：以目前文件的定位停駐點順序，指定目前元素的位置。
屬性修改的表單元素
- Form 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 |
| Image | 寬度、高度、動作、方法、表單不驗證、表單編碼類型、表單目標。 | 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 |
| 文字區域 | 列數、欄數、預留位置、換行、最大長度、Tab 索引 | http://www.w3.org/TR/html-markup/textarea.html |
| 選取 | 大小 | http://www.w3.org/wiki/HTML/Elements/select |
