操作表单 · 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\> ***** 定义运行中的进度（进程）。