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>
<p>密码：<input type="text" id="test3" autofocus="true"></p>
&nbsp&nbsp&nbsp<input type="button" value="提交" οnclick="setfocus()">&nbsp&nbsp<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标签.属性.属性值: (单行文本输入框) (密码输入框) (单选框) (多选框) (提交按钮) (重置按钮) 或者按钮(空按钮) ...

HTML5 autofocus属性

HTML5 autofocus属性相关推荐

最新文章

热门文章