表单相关(form、input、label、button、select、optgroup、option、textarea、fieldset) (4)

    formenctype:规定当表单数据提交到服务器时如何编码(仅适用于 method="post" 的表单),覆盖 <form> 元素的 enctype 属性,适用于<input type="submit"> 和 <input type="image">

      application/x-www-form-urlencoded  ---默认,在发送前对所有字符进行编码,将空格转换为 "+" 符号,特殊字符转换为 ASCII HEX 值

      multipart/form-data  ---不对字符编码,当使用有文件上传控件的表单时,该值是必需的

      text/plain  ---将空格转换为 "+" 符号,但不编码特殊字符

    formmethod:定义发送表单数据到 action URL 的 HTTP 方法,包括:get(默认)/post,覆盖 <form> 元素的 method 属性,适用于<input type="submit"> 和 <input type="image">

    formtarget:提交表单后在哪里显示接收到响应的名称或关键词,包括:_self(默认)、_blank、_parent、_top、framename,覆盖 <form> 元素的 target 属性,适用于<input type="submit"> 和 <input type="image">

    accept:规定通过文件上传来提交的文件的类型,仅适用于 <input type="file">,请避免使用该属性,应该在服务器端验证文件上传

      audio/*  ---接受所有的声音文件

      video/*  ---接受所有的视频文件

      image/*  ---接受所有的图像文件

      MIME_type  ---有效的 MIME 类型

      如需规定多个值,请使用逗号分隔

    单属性:

      disabled:禁用<input>元素,表单中被禁用的 <input> 元素不会被提交,disabled 属性不适用于 <input type="hidden">

      readonly:规定输入字段是只读的

      required:指示输入字段的值是必须的,以检验输入内容不可为空,required 属性适用于下面的 input 类型:text、search、url、tel、email、password、date pickers、number、checkbox、radio 和 file

      autofocus:当页面加载时 <input> 元素自动获得焦点

      checked:默认被选中,适用于 <input type="checkbox"> 和 <input type="radio">

      multiple:可选择多个值,适用于 <input type="email"> 和 <input type="file">

      formnovalidate:规定当表单提交时不进行验证,覆盖 <form> 元素的 novalidate 属性,适用于 <input type="submit" formnovalidate="formnovalidate">

<!-- 设置input为只读,且不显示光标 --> <!-- PC端 --> <input type="" readonly="readonly" unselectable="on" value="" /> <!-- 移动端 --> <input type="" readonly="readonly" unselectable="on" onfocus="this.blur()" value=""/> <!-- 或者在CSS中修饰 --> input{ /*firefox*/ -moz-user-select: none; /*chrome*/ -webkit-user-select: none; }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwwzgs.html