<input> 标签HTML5 中的新属性

属性 描述
accept mime_type 规定通过文件上传来提交的文件的类型。
align left
right
top
middle
bottom
规定图像输入的对齐方式。
不推荐使用。
alt text 定义图像输入的替代文本。
autocomplete on
off
规定是否使用输入字段的自动完成功能。
autofocus autofocus 规定输入字段在页面加载时是否获得焦点。
checked checked 规定此 input 元素首次加载时应当被选中。
disabled disabled 当 input 元素加载时禁用此元素。
form formname 规定输入字段所属的一个或多个表单。
formaction URL 覆盖表单的 action 属性。
(适用于 type="submit" 和 type="image")
formenctype application/x-www-form-urlencoded multipart/form-data text/plain 覆盖表单的 enctype 属性。
(适用于 type="submit" 和 type="image")
formmethod get
post
覆盖表单的 method 属性。
(适用于 type="submit" 和 type="image")
formnovalidate formnovalidate 覆盖表单的 novalidate 属性。
formtarget _blank
_self
_parent
_top
framename
html中规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")

height pixels
%
定义 input 字段的高度。(适用于 type="image"),也可以在后面的学的CSS中进行设置
list datalist-id 引用包含输入字段的预定义选项的 datalist 可以通过JavaScript和后端的python、java等进行交互。
max number
date
规定输入字段的最大值。
maxlength number 规定输入字段中的字符的最大长度。
min number
date
规定输入字段的最小值
multiple multiple 如果使用该属性,则允许一个以上的值。
name field_name web前端开发中定义 input 元素的名称。
pattern regexp_pattern 规定输入字段的值的模式或格式。
placeholder text 规定帮助用户填写输入字段的提示。
readonly readonly 规定输入字段为只读。
required required 指示输入字段的值是必需的。
size number_of_char 定义输入字段的宽度。
src URL 定义以提交按钮形式显示的图像的 URL。
step number 规定输入字的的合法数字间隔。
type button
checkbox
file
hidden
image
password
radio
reset
submit
text
规定 input 元素的类型。
value value 规定 input 元素的值。
width pixels
%
定义 input 字段的宽度。(适用于 type="image")

全局属性

<input> 标签支持 HTML 中的全局属性

(0)

相关推荐

  • 一篇文章带你了解HTML语法

    前言 在做web开发时,我们必不可少的要使用到Html,因为它包含了最基础的网页结构,虽然Html只能帮助我们构建静态网页,但是却是我们最不能缺少的部分,如果把网页比作一个房子,那么Html就是地基, ...

  • WEB前端第五课——HTML表单

    WEB前端第五课——HTML表单

  • Input Hidden 对象

    Hidden 对象代表一个 HTML 表单中的某个隐藏输入域.这种类型的输入元素实际上是隐藏的.这个不可见的表单元素的 value 属性保存了一个要提交给 Web 服务器的任意字符串.如果想要提交并非 ...

  • JavaScript HTML DOM Input URL 对象

    Input URL 对象是 HTML5 新增的.Input URL 对象表示使用 type="url" 属性的 HTML <input> 元素.注意:Internet ...

  • 中级Web教程:HTML5表单元素

    网络前端高薪的诱惑,学习门槛低,不管是学生党还是工作者,都渴望凭借自己的能力,空闲的时间,去学前端.也许是一种爱好,也许是一种想从事的工作.但它真的那么简单吗?现在,初级前端的工作,已接近饱和,并处于 ...

  • JavaScript HTML DOM Input Time 对象

    Input Time 对象Input Time 对象是 HTML5 新增的对象.Input Time 对象表示使用 type="time" 属性的 HTML <input&g ...

  • Input输入对象总结详解

    Input对象可以获取用户所有行为的输入,如鼠标.键盘.加速度.陀螺仪.按钮等,所以掌握Input对象就可以在外部输入信息和系统之间进行交互.<input>-button HTML 文档中 ...

  • FileUpload 对象

    在 HTML 文档中 <input type="file"> 标签每出现一次,一个 FileUpload 对象就会被创建.该元素包含一个文本输入字段,用来输入文件名,还 ...

  • JavaScript HTML DOM Input Month 对象

    访问 Input Month 对象可以使用 querySelector() 函数来访问使用 type="month" 属性的 <input> 元素:Input Mont ...

  • HTML <keygen> 标签

    <keygen> 标签规定用于表单的密钥对生成器字段.当提交表单时,私钥存储在本地,公钥发送到服务器.HTML 4.01 与 HTML5之间的差异<keygen> 元素是 HT ...