`

html5新特性--表单input新属性autofocus

 
阅读更多
autofocus 属性规定在页面加载时,域自动地获得焦点。

User name: <input type="text" name="username" autofocus="autofocus" />
<input type="submit" />


效果:


<!-- 原则上,以下三个元素,只能有一个设置autofocus 属性,如果多个元素都设置,应该是最后一个元素获取了焦点 -->  
<div>  
    <input autofocus="autofocus" />  
    <button autofocus="autofocus">Hi!</button>  
    <textarea autofocus="autofocus"></textarea> 
  • 大小: 7.4 KB
分享到:
评论

相关推荐

    HTML5&CSS3网页制作:Input元素的其他属性.pptx

    HTML5中的form属性,可以把表单内的子元素写在页面中的任一位置,只需为这个元素指定form属性并设置属性值为该表单的id即可。 语法格式 &lt;input type="控件类型" form="值" /&gt; 示例 list属性 &lt;input type="text" list...

    HTML5 自动聚焦(autofocus)属性使用介绍

    过去我们要用JavaScript和Flash完成的任务,比如表单验证,输入框空白提示(INPUT placeholders),客户端文件上传下载(client side file naming),以及 音频/视频播放,现在都可以用基本的HTML来完成了。另一个简单的...

    jquery-webform:在低版本的浏览器上使用表单的html5属性,兼容IE6+

    在低版本的浏览器上使用表单的html5属性,跟随html5,兼容IE6+ 在提交表单时,利用html5的表单验证策略,如果浏览器支持html5则使用原生的表单验证,如果不支持,则模拟出一样的验证效果。 最简单的使用: $('form')...

    HTML5里autofocus自动聚焦属性使用介绍

    以前需要用JavaScript和Flash完成的任务,例如表单校验,INPUT placeholders , 客户端重命名下载文件和音频/视频,这些都可以使用基本的HTML完成。这里要讲的一个简单的HTML5功能是当页面加载完成时让输入焦点自动落...

    HTML5新增的表单元素和属性实例解析

    本文以实例代码演示说明了HTML5新增的表单元素和属性,演示代码中包含了placeholder属性、autofocus 属性、list 和 datalist 元素、search 类型文本框、email 类型文本框、number 类型文本框、range 类型文本框、tel...

    【JavaScript源代码】element input输入框自动获取焦点的实现.docx

     但是,element并不支持autofocus属性,那就只能通过原生的js效果获取聚焦效果了 document.getElementById("input").focus(); 或者利用vue的ref属性也可以实现聚焦效果: 原理其实很简单,Element 已经提供了 ...

    图文详解 新的input类型和属性

    新的input类型和属性email类型日期时间类型range类型search类型number类型url类型新的input公用属性1.autofocus属性2.pattern属性3.placeholder属性4.required属性 email类型 在HTML5中将一个input元素的类型...

    html5 input元素新特性_动力节点Java学院整理

    元素在HTML5中新增加的属性有:autocomplete 、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、max、min、minlength、pattern、placeholder、readonly、required等等。...

    html5新增的属性和废除的属性简要概述

    HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性。 新增的属性 1、表单相关的属性 对input(type=text)、select、textarea与button指定autofocus属性。它以指定属性的方式让元素在画面打开时自动...

    javascript遇到html5的一些表单属性

    autofocus:页面载入时设置某个input自动获取焦点,注意该页面只能设置一个input的这个属性,设置多个相当于没有设置。 list特性和datalist:通过list为某个输入框增加下拉列表。。相当于js实现的“自动完成”功能,...

    HTML5中的autofocus(自动聚焦)属性介绍

    HTML5给我们带来了一大堆神奇的东西。以前需要用JavaScript和Flash完成的任务,例如表单校验,INPUT placeholders , 客户端重命名下载文件和音频/视频,这些都可以使用基本的HTML完成

    autofocus.js

    使用诸如document.querySelector()类的东西来获取DOM元素,并将结果分配给一个名为autofocus的全局变量,如下所示: window.autofocus = document.querySelector('#some-input') 利润! (据称至少有更

    bootstrap自适应电脑手机端后台登录界面代码.zip

    input type="checkbox" value="remember-me"&gt; 记住我 &lt;/form&gt; ; font:normal 14px/24px 'MicroSoft YaHei';"&gt;  &lt;/body&gt; 一款基于bootstrap css3实现的自适应电脑手机端后台登录...

    Discuz! X2 R20120628 简体UTF-8.zip

    FIX 因input的autofocus属性导致在chrome浏览器中自动跳转到顶部的问题 FIX QQ互联feedlog 表同步到空间和微博的 status合并 FIX 优化QQ互联微博签名档和解绑功能 FIX 管理面板删帖不进回收站...

Global site tag (gtag.js) - Google Analytics