博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5 自动聚焦 属性
阅读量:5830 次
发布时间:2019-06-18

本文共 668 字,大约阅读时间需要 2 分钟。

原文 : 

原文发布时间: 2012年08月27日

翻译时间: 2013年8月6日

HTML5 推出了一大堆精彩的东西给我们。

过去我们要用JavaScript和Flash完成的任务,比如表单验证,输入框空白提示(),客户端文件上传下载(),以及 音频/视频播放,现在都可以用基本的HTML来完成了。另一个简单的HTML功能是现在允许我们在页面加载完成后自动将输入焦点定位到需要的元素,通过一个叫做 autofocus的属性完成。

代码就如下面一样简单:

当 autofocus 属性设置以后,input,textarea,以及button 元素在页面加载(load)以后,会被自动选中(即获得焦点). 我尝试其他元素(比如h1 标签), =0的情况,但是autofocus属性在这些元素上根本没有效果。
这个属性在主要目的是获取用户输入的页面(pages whose main purpose is collecting information)是很有用的,比如google首页(99%的情况是用来搜索)或者在线安装向导(比如WordPress's installer).而且最关键在于——
不需要JavaScript参与

完整的页面代码如下:

    HTML5 autofocus属性测试   

转载于:https://www.cnblogs.com/lanzhi/p/6467117.html

你可能感兴趣的文章
FileSystemXmlApplicationContext方法的绝对路径问题
查看>>
MediaRecorder类介绍
查看>>
JavaScript (使用)
查看>>
MAC中查看Python安装路径
查看>>
js验证用户名
查看>>
分享几个免费IP地址查询接口(API)
查看>>
Node.js系列笔记-3(不定期更新)
查看>>
aes加密
查看>>
知其所以然(以算法学习为例)
查看>>
android 4.x环境搭建
查看>>
iOS 内存泄漏
查看>>
关于JSONP和JSON(一篇写的不错的文章)
查看>>
贪吃蛇“大作战”(终结篇)
查看>>
Morris图表如何重新加载数据(重绘)
查看>>
数据库面试(二)
查看>>
mybatis笔记
查看>>
C#实现微信开发前奏
查看>>
测试日志windows live writer
查看>>
第五次作业
查看>>
今天介绍一个渐变的方法,在shell里面自动生成注释简介
查看>>