操作表單 · Magic_sword2

[TOC] # 簡介說明 原文鏈接： - [MIME_type](http://www.iana.org/assignments/media-types/media-types.xhtml) ``` 版本：HTML5操作表單作用：HTML5操作表單 ``` # 操作表單 # ~~[aba]-\<keygen\>~~ ***** 方便生成密鑰材料和提交作為 HTML form 的一部分的公鑰 # \<form\> ***** 定義了HTML文檔的表單，塊狀元素 ### 參數說明 accept-charset: * 類型：字符串 * 默認值：無 * 描述：規定服務器可處理的表單數據字符集 * 可選值：[ ] action: * 類型：字符串 * 默認值：無 * 描述：規定當提交表單時向何處發送表單數據 * 可選值：[ ] enctype: * 類型：字符串 * 默認值：無 * 描述：規定在向服務器發送表單數據之前如何對其進行編碼。（適用于 method="post" 的情況） * 可選值：[ application/x-www-form-urlencoded | multipart/form-data | text/plain ] autocomplete: * 類型：字符串 * 默認值：無 * 描述：規定是否啟用表單的自動完成功能。 * 可選值：[ on | off ] method: * 類型：字符串 * 默認值：無 * 描述：規定用于發送表單數據的 HTTP 方法。 * 可選值：[ get | post ] name: * 類型：字符串 * 默認值：無 * 描述：規定表單的名稱。 * 可選值：[ ] novalidate: * 類型：字符串 * 默認值：無 * 描述：如果使用該屬性，則提交表單時不進行驗證 * 可選值：[ ] target: * 類型：字符串 * 默認值：無 * 描述：規定在何處打開 action URL * 可選值：[ _blank | _self | _parent | _top | framename ] # \<fieldset\> ***** 定義圍繞表單中元素的邊框，字段集合 # \<legend\> ***** 定義 fieldset 元素的標題。 # \<label\> ***** 定義 input 元素的標注 ### 參數說明 for: * 類型：字符串 * 默認值："" * 描述：指定表單元素的id值 * 可選值：[ ] # \<input\> ***** 定義輸入控件 ### 參數說明 type: * 類型：字符串 * 默認值：text * 描述：type 屬性規定要顯示的 <input> 元素的類型 * 可選值：[ button | checkbox | color | date |datetime-local | email | file | hidden | image | month | number | password | radio | range | reset | search | submit | tel | text | time | url | week ] value: * 類型：字符串 * 默認值："" * 描述：指定 input 元素 value 的值 * 可選值：[ ] accept: * 類型：字符串 * 默認值：無 * 描述：規定通過文件上傳來提交的文件的類型。多個不同類型用逗號隔開 (只針對type="file") * 可選值：[ audio/* | video/* | image/* ] alt: * 類型：字符串 * 默認值：無 * 描述：定義圖像輸入的替代文本。 (只針對type="image") * 可選值：[ ] src: * 類型：字符串 * 默認值：無 * 描述：src 屬性規定顯示為提交按鈕的圖像的 URL。 (只針對 type="image") * 可選值：[ ] autocomplete: * 類型：字符串 * 默認值：無 * 描述：autocomplete 屬性規定 <input> 元素輸入字段是否應該啟用自動完成功能。 * 可選值：[ on | off ] autofocus: * 類型：字符串 * 默認值：無 * 描述：屬性規定當頁面加載時 input 元素應該自動獲得焦點 * 可選值：[ ] checked: * 類型：字符串 * 默認值：無 * 描述：checked 屬性規定在頁面加載時應該被預先選定的 input 元素。 (只針對 type="checkbox" 或者 type="radio") * 可選值：[ ] form: * 類型：字符串 * 默認值：無 * 描述： form 屬性規定 input 元素所屬的一個或多個表單。 * 可選值：[ form_id ] formaction: * 類型：字符串 * 默認值：無 * 描述：屬性規定當表單提交時處理輸入控件的文件的 URL。(只針對 type="submit" 和 type="image") * 可選值：[ URL ] formenctype: * 類型：字符串 * 默認值：無 * 描述：屬性規定當表單數據提交到服務器時如何編碼(只適合 type="submit" 和 type="image")。 * 可選值：[ application/x-www-form-urlencoded | multipart/form-data | text/plain ] formmethod: * 類型：字符串 * 默認值：無 * 描述：定義發送表單數據到 action URL 的 HTTP 方法。 (只適合 type="submit" 和 type="image") * 可選值：[ get | post ] formnovalidate: * 類型：字符串 * 默認值：無 * 描述：規定表單是否驗證 * 可選值：[ ] formtarget: * 類型：字符串 * 默認值：無 * 描述：規定表示提交表單后在哪里顯示接收到響應的名稱或關鍵詞。(只適合 type="submit" 和 type="image") * 可選值：[ _blank | _self | _parent | _top | framename ] size: * 類型：字符串 * 默認值：無 * 描述：size 屬性規定以字符數計的 <input> 元素的可見寬度 * 可選值：[ ] width: * 類型：字符串 * 默認值：無 * 描述：width 屬性規定 input 元素的寬度。 (只針對type="image") * 可選值：[ ] height: * 類型：字符串 * 默認值：無 * 描述：規定 <input>元素的高度。(只針對type="image") * 可選值：[ ] list: * 類型：字符串 * 默認值：無 * 描述：屬性引用 datalist 元素，其中包含 input 元素的預定義選項。 * 可選值：[ ] step: * 類型：字符串 * 默認值：無 * 描述：step 屬性規定 input 元素的合法數字間隔。 * 可選值：[ ] max: * 類型：字符串 * 默認值：無 * 描述：屬性規定 input 元素的最大值。 * 可選值：[ ] min: * 類型：字符串 * 默認值：無 * 描述：屬性規定 input元素的最小值。 * 可選值：[ ] maxlength: * 類型：字符串 * 默認值：無 * 描述：屬性規定 input 元素中允許的最大字符數 * 可選值：[ ] multiple: * 類型：字符串 * 默認值：無 * 描述：屬性規定允許用戶輸入到 input 元素的多個值。 * 可選值：[ ] directory : * 類型：字符串 * 默認值：無 * 描述：允許用戶選擇文件夾。 (只針對type="file") * 可選值：[ ] name: * 類型：字符串 * 默認值：無 * 描述：name 屬性規定input 元素的名稱。 * 可選值：[ ] placeholder: * 類型：字符串 * 默認值：無 * 描述： placeholder 屬性規定可描述輸入 input 字段預期值的簡短的提示信息。 * 可選值：[ ] pattern: * 類型：字符串 * 默認值：無 * 描述： pattern 屬性規定用于驗證 input 元素的值的正則表達式。 * 可選值：[ ] disabled: * 類型：字符串 * 默認值：無 * 描述： disabled 屬性規定應該禁用的 input 元素。 * 可選值：[ ] readonly: * 類型：字符串 * 默認值：無 * 描述： readonly 屬性規定輸入字段是只讀的 * 可選值：[ ] required: * 類型：字符串 * 默認值：無 * 描述：屬性規定必需在提交表單之前填寫輸入字段 * 可選值：[ ] capture: * 類型：字符串 * 默認值：無 * 描述：文件上傳控件中媒體拍攝的方式 * 可選值：[ camera--照相機 | camcorder--攝像機 | microphone--錄音 ] ### 示例內容 1. 上傳文件夾 ``` // 不能少寫屬性 <input type="file" id="file_input" webkitdirectory directory multiple/> ``` # \<output\> ***** 定義不同類型的輸出，比如腳本的輸出。 # \<textarea\> ***** 定義多行的文本輸入控件 # \<datalist\> ***** 定義可輸入列表（下拉列表） # \<select\> ***** 定義選擇列表（下拉列表） ### 參數說明 multiple: * 類型：字符串 * 默認值：無 * 描述：屬性規定允許用戶選擇多個值 * 可選值：[ ] # [fut]-\<selectmenu\> ***** 允許自定義細節的下拉列表 # \<optgroup\> ***** 定義選擇列表中相關選項的組合。 # \<option\> ***** 定義選擇列表中的選項。 # \<button\> ***** 定義一個點擊按鈕 # \<meter\> ***** 定義度量衡。僅用于已知最大和最小值的度量。 # \<progress\> ***** 定義運行中的進度（進程）。