HTML页面默认输入焦点两种设置方式

第一种:使用JavaScript实现

E:\GitHub\tools\JavaEEDevelop\Lesson4_JavaScript_Demo1\day02\part01\focus1.html

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     <table>
 9         <tr>
10             <td>图书</td>
11             <td>
12                 <input type="text" name="book" id="book" />
13             </td>
14         </tr>
15         <tr>
16             <td>价格</td>
17             <td>
18                 <input type="text" name="price" id="price" />
19             </td>
20         </tr>
21     </table>
22     <script type="text/javascript">
23         document.getElementById("book").focus();
24     </script>
25 </body>
26 </html>

第二种:使用HTML5属性实现

E:\GitHub\tools\JavaEEDevelop\Lesson4_JavaScript_Demo1\day02\part01\focus2.html

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     <table>
 9         <tr>
10             <td>图书</td>
11             <td>
12                 <input type="text" name="book" id="book" />
13             </td>
14         </tr>
15         <tr>
16             <td>价格</td>
17             <td>
18                 <input type="text" name="price" id="price" autofocus/>
19             </td>
20         </tr>
21     </table>
22 </body>
23 </html>
时间: 2024-10-05 04:40:42

HTML页面默认输入焦点两种设置方式的相关文章

关于搜索elasticsearch的数据条数大于10000的坑 max_result_window的两种设置方式

当用elasticsearch进行深度分页查询时的size-from大于10000的时候,就会报错"", 官方推荐是scroll查询返回结果是无序的不满足业务需求,所以还是通过设置最大返回结果数来达到我们的目的 然后我们可以通过以下方法设置: 第一种:curl -XPUT http://127.0.0.1:9200/_settings -d '{ "index" : { "max_result_window" : 100000000}}' 第二种

Android中BroadcastReceiver的两种注册方式(静态和动态)详解

今天我们一起来探讨下安卓中BroadcastReceiver组件以及详细分析下它的两种注册方式. BroadcastReceiver也就是"广播接收者"的意思,顾名思义,它就是用来接收来自系统和应用中的广播.在Android系统中,广播体现在方方面面,例如当开机完成后系统会产生一条广播,接收到这条广播就能实现开机启动服务的功能:当网络状态改变时系统会产生一条广播,接收到这条广播就能及时地做出提示和保存数据等操作:当电池电量改变时,系统会产生一条广播,接收到这条广播就能在电量低时告知用户

自制Javascript分页插件,支持AJAX加载和URL带参跳转两种初始化方式,可用于同一页面的多个分页和不同页面的调用

闲话部分 最近闲着实在无聊,就做了点小东西练练手,由于原来一直在用AspNetPager进行分页,而且也进行了深度的定制与原有系统整合的也不错,不过毕竟是用别人的,想着看自己能试着做出来不能,后台的分页插件已经有比较成熟的了,那就自己试着写一个前台分页吧. 话不多说,先上效果图: 优点与缺点 来说说优缺点吧,首先AspNetPager是后台分页控件,所以在向客户端回传HTML文档之前生成HTML阶段 就会把分页代码生成完毕,然后回传,而JS是前端代码,就是HTML文档在服务器组织完毕往客户端传送

两种设置win7宽带开机自动拨号连接的方法

新开通的vps,每次vps重启宽带连接都不会自动连上,很多客户都想做到开机自动连接宽带,每次开机都要手动拨号是很麻烦的.其实我们只要将宽带设置为开机自动连接就省心了.下面就教大家两种Win7系统设置开机自动拨号连接的方法. 一.使用windows系统的“启动”文件夹自动开机连接宽带 1.右键桌面右下角的“网络连接”,打开“网络和共享中心” 2.点击“更改适配器设置”,找到“宽带连接”选项 3.打开“宽带连接”属性,在“选项”中将“提示名称.密码和证书等”前面的勾去掉,点击确定, 4.右击“宽带连

两种 设置 背景图片方法

两种设置背景图片方法 //    UIView *navigationbarTitleTupian =[[UIView alloc]initWithFrame:CGRectMake(0, 0, 40, 30)]; //    UIImageView *imageTitleTupian =[[UIImageView alloc]initWithImage:[UIImage imageNamed:@"bg.png"]]; // //    [navigationbarTitleTupian

PlaceHolder的两种实现方式

placeholder属性是HTML5 中为input添加的.在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示. 如 1 <input type="text" name="loginName" placeholder="邮箱/手机号/QQ号"> 目前浏览器的支持情况 浏览器 IE6/7/8/9 IE10+ Firefox Chrome Safari  是否支持 NO YES YE

Ajax中的get和post两种请求方式的异同

Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别.   1. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到.post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址.用户看不到这个过程.   2. 对于get方式,服务器端用Request.QueryS

[转]Web APi之认证(Authentication)两种实现方式【二】(十三)

本文转自:http://www.cnblogs.com/CreateMyself/p/4857799.html 前言 上一节我们详细讲解了认证及其基本信息,这一节我们通过两种不同方式来实现认证,并且分析如何合理的利用这两种方式,文中涉及到的基础知识,请参看上一篇文中,就不再叙述废话. 序言 对于所谓的认证说到底就是安全问题,在Web API中有多种方式来实现安全,[accepted]方式来处理基于IIS的安全(通过上节提到的WindowsIdentity依赖于HttpContext和IIS认证)

struts2+spring的两种整合方式

借助于Spring插件(Struts2-spring-plugin-XXX.jar),我们可以非常简单地完成Spring和Struts2的整合,这种整合包括让Action自动装配Spring容器中的Bean,以及让Spring管理应用中的Action两种方式,不管采用哪种方式,完成Struts2和Spring的整合都是非常简单的,而且差别不大.一旦在Web应用中安装了Spring插件,即可充分利用该插件提供的功能: 1,可以通过Spring来创建所有的Action,Interceptor和Res