為貫徹 Dreamweaver 對 HTML5 的持續支援,已針對某些表單元素引進新的屬性。此外,還引進 4 個新的 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:以目前文件的定位停駐點順序,指定目前元素的位置。

屬性修改的表單元素

  • Form 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 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/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
電話 (Tel) 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 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策