HTML5 autofocus属性
<!doctype html>
<html>
<head>
<style>
#test1{
width:221px;
}
</style>
<script>
function setfocus(){
var test2=document.getElementById("test2");
test2.focus();//focus()函数,使元素获得焦点。blur()函数使元素失去焦点;
}
</script>
<meta charset="UTF-8">
</head>
<body>
<fieldset id="test1">
<legend>
autofocus属性:
</legend>
<p>账户:<input type="text" id="test2" autofocus="true"></p><!--设置autofocus属性为true后,可以在页面加载完成时使元素获得焦点-->
<p>密码:<input type="text" id="test3" autofocus="true"></p><!--如果所有元素都设置了autofocus属性,则页面加载完成时,第一个设置了autofocus属性的元素获得焦点-->
   <input type="button" value="提交" οnclick="setfocus()">  <input type="button" value="取消">
</fieldset>
</body>
</html>
HTML5 autofocus属性相关推荐
- HTML5 autofocus属性用法简单介绍
本章节简单介绍一下HTML5中新增的一个属性autofocus,它可以让一个元素加载后获取焦点,在此之前一般要通过使用javascript的focus()方法实现我们的要求,非常的简单,代码如下: 1 ...
- HTML5 自动聚焦 属性
原文 : HTML5 autofocus Attribut 原文发布时间: 2012年08月27日 翻译时间: 2013年8月6日 HTML5 推出了一大堆精彩的东西给我们. 过去我们要用JavaSc ...
- HTML5 自动聚焦 autofocus 属性
HTML5 自动聚焦 autofocus 属性 定义 autofocus 属性是一个布尔属性 autofocus 属性为 true 时,页面加载时自动聚焦到此控件 支持 autofocus 属性的标签 ...
- html5表单属性自动获得焦点,HTML5里autofocus属性
转载:http://www.webhek.com/html5-autofocus/ HTML5给我们带来了一大堆神奇的东西.以前需要用JavaScript和Flash完成的任务,例如表单校验,INPU ...
- HTML5获取autofocus 属性:输入文字点定位到该位置
文本输入字段被设置为当页面加载时获得焦点: <form action="demo_form.asp">First name:<input type="t ...
- HTML5新增属性学习笔记
1.form属性 表单内的从属元素,可以写在表单外部.可以通过指定元素的form属性来声明元素所属表单.form的属性值为表单的id. 1 <form id="testForm&quo ...
- html5 规定输入字段,HTML5 Input属性详解
本篇教程探讨了HTML5 Input属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < value 属性 value 属性规定输入字段的初始值: rea ...
- HTML5 学习总结(二)——HTML5新增属性与表单元素
一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html><head>< ...
- HTML中的form表单的标签、属性、属性值; CSS以及HTML5新增属性、属性值
form表单HTML5.CSS3标签及属性.属性值 form表单HTML标签.属性.属性值: (单行文本输入框) (密码输入框) (单选框) (多选框) (提交按钮) (重置按钮) 或者按钮(空按钮) ...
最新文章
- c# poi写入e_C# 面向对象 静态类和静态成员
- 三种组播×××承载方案对比
- Centos7 vim/vi的使用
- java工程师_Java开发工程师需要掌握哪些技能?
- Java微服务篇1——SpringBoot
- 再话新基建丨国产、开源、云原生,数据库路在何方?
- 在线文档有哪些技术难点
- Redux Toolkit 使用指南
- 盖得化工--selenium翻页测试
- MySQL 大数据量分页性能优化
- 图书馆管理系统代码html语言,图书管理系统html - WEB源码|源代码 - 源码中国
- Flash loader demo下载与使用之最小系统STM32C8T6使用USB转TTL串口下载
- 前端图片压缩(几乎无损)
- 由边际成本引发的思考
- 【金猿案例展】某新型股份制商业银行——客服智能质检系统建设
- matlab2017百度百科,沸石粉里的吸蓝量是什么意思
- pikachu靶场学习1
- jqwidgets 国际化- 中文 jqxGrid 中文语言包 gridlocalization
- 3个技巧教你做好微博号运营
- python之pycharm添加环境变量
热门文章
- 第二章--第一个Spring程序
- 百度推广有哪些技巧方法?在品牌宣传上百度推广有哪些技巧方法
- LINK : warning LNK4075: ignoring /EDITANDCONTINUE due to /INCREMENTAL:NO specification
- Do you already have another mysqld server running on port: 3306 ?
- 卷积积分结合律性质的证明
- 工程机械设备电子监测仪软件测试研究
- 国内课题基金英文翻译
- 2013年小米校园招聘笔试题---研发
- 2018中国客户体验创新大会在深圳召开
- 微信小程序onLoad、onShow、onHide、onUnload区别