jsp中光标焦点设置！

最新推荐文章于 2021-03-10 14:45:08 发布
最新推荐文章于 2021-03-10 14:45:08 发布
阅读量5.6k 收藏
点赞数
文章标签： jsp stylesheet javascript input function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sxzhliang/article/details/2223221
版权

先看下面的例子代码：

<%@ page contentType="text/html; charset=gb2312"%>
<%session.invalidate();%>
<html>
 <head>
  <title>Untitled Document</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT language=javascript>
<!-- Begin--
function page()
{
  checkForm.userId.focus();
}

// End -->
</SCRIPT>
 </head>
 <LINK href="hellking2.css" type=text/css rel=stylesheet>

 <body>
  <center>
   <hr>
   ：：请输入一个用户标识后点击登录：：
   <br>
   ：：只有用户名为"hellking"才能登录：：
   <form action="checklogin.jsp" name="checkForm" method=get>
    <table width="30%" border="1">
     <tr bgcolor="#336600">
      <td>
       用户登录
      </td>
     </tr>
     <tr align="center" bgcolor="#CCCCCC">
      <td>
       用户名：
       <input type="text" name="userId">
      </td>
     </tr>
     <tr align="center" bgcolor="#CCCCCC">
      <td>
       用户名：
       <input type="password" name="password">
      </td>
     </tr>
     <tr align="center" bgcolor="#993399">
      <td align="center">
       <input type="submit" value="登录">
      </td>
     </tr>
    </table>
   </form>
  </center>
 </body>
</html>

这部分是一个登陆的表单，我想让每次打开这个页面的时候光标都停留在用户名的输入框里，怎么做呢？

 1.加入script代码

<SCRIPT language=javascript>
<!-- Begin--
function setFocus()
{
  checkForm.userId.focus();
}

// End -->
</SCRIPT>
2.在body属性里面设置onload属性

<body οnlοad=setFocus()>

这样就OK了。

完整的代码如下：

<%@ page contentType="text/html; charset=gb2312"%>
<%session.invalidate();%>
<html>
 <head>
  <title>Untitled Document</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT language=javascript>
<!-- Begin--
function setFocus()
{
  checkForm.userId.focus();
}

// End -->
</SCRIPT>
 </head>
 <LINK href="hellking2.css" type=text/css rel=stylesheet>

 <body οnlοad=setFocus()>
  <center>
   <hr>
   ：：请输入一个用户标识后点击登录：：
   <br>
   ：：只有用户名为"hellking"才能登录：：
   <form action="checklogin.jsp" name="checkForm" method=get>
    <table width="30%" border="1">
     <tr bgcolor="#336600">
      <td>
       用户登录
      </td>
     </tr>
     <tr align="center" bgcolor="#CCCCCC">
      <td>
       用户名：
       <input type="text" name="userId">
      </td>
     </tr>
     <tr align="center" bgcolor="#CCCCCC">
      <td>
       用户名：
       <input type="password" name="password">
      </td>
     </tr>
     <tr align="center" bgcolor="#993399">
      <td align="center">
       <input type="submit" value="登录">
      </td>
     </tr>
    </table>
   </form>
  </center>
 </body>
</html>


http://www.xiami.com/collect/210974967?success=3
http://www.xiami.com/collect/210974967?success=9
http://www.xiami.com/collect/210974967?spm=a1z1s.3329273.1561534893.2.t4um0zhttp://www.xiami.com/collect/209848293?success=2
http://www.xiami.com/collect/209848293?spm=a1z1s.3229273.1561534893.2.JxwhZn

http://www.xiami.com/collect/209848293?spm=a1z1s.6929273.1561534893.2.JxwhZn

我的小黑
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jbuilder中光标错位问题的解决
02-17
### JBuilder中光标错位问题的解决方法 在使用JBuilder进行Java程序开发时，不少程序员会遇到光标错位的问题。这个问题并不是由JBuilder本身引起的，而是源于Sun JDK的一个已知问题。本文将详细介绍如何解决...
奥比中光openNI(Android).rar
07-09
- **权限设置**：确保AndroidManifest.xml文件中包含了访问相机和网络的权限，因为OpenNI可能需要网络连接来获取更新或验证硬件。 - **硬件兼容性**：测试应用在不同Android设备上的性能，因为不同的硬件配置可能...
JSP 中让一个控件成为焦点
兰染
04-18 3034
在jsp页面中，有时候我想让一个控件在页面打开的时候就成为焦点，要怎么做呢？ 代码很简单，在标签里加这么一句： onload="javascript:document.getElementById('mailput').focus();" 就OK了。这里的mailput是你的控件id.
java设置jsp里的focus,jQuery实现dialog设置focus焦点的方法
weixin_29127757的博客
03-10 759
本文实例讲述了jQuery实现dialog设置focus焦点的方法。分享给大家供大家参考。具体分析如下：当弹出对话框，默认我们应该将焦点定位到输入的文本框，但是在dialog.show()之前写上$("#txtGroupName").focus();无法生效。查看jQuery的官方文档后，发现dialog提供了一个focus的参数，ok，试试先~~//显示新建项目群组对话框function sho...
JSP 自动聚焦
Tjhfsghbjknjdy的博客
12-12 523
代码： <style type="text/css"> div{ margin: 10px 450px; } label{ display: block; margin:10px 50px; color: #0066ff; font-size: 1.1em; font-family: "Microsoft YaHei"; } .title{ display: ...
JavaScript(js)设置默认输入焦点(focus)
ch5256865的专栏
09-07 2600
常常会在回复和引用里使用此功能，即单击回复或引用，如让输入焦点出现在留言输入框中，如果使用锚来定位，输入焦点就不能激活了。  javascript:document.getElementById("id").focus();  或javascript:document.all.id.focus();  或javascript:document.all.name.focus(); 
jsp光标定位代码
王小磊
04-16 2537
New Document <!-- function setfocus() { txt.focus(); } //-->
计算机辅助光学作图系统中光路计算模型!.pdf
11-24
计算机辅助光学作图系统中光路计算模型!.pdf
奥比中光 dabaipro.zip
09-01
奥比中光是一家专注于3D传感技术的高科技公司，其产品广泛应用于机器人开发和人工智能领域。"大白PRO"是该公司推出的一款先进的3D传感器，主要用于提供精准的三维空间信息，为机器人导航、避障、人脸识别等应用提供...
中光数码摄像头驱动
07-10
中光数码摄像头驱动是一款非常好用的摄像头驱动程序，轻松解决摄像头无法正常使用等难题，各项参数都可自定义设置使用非常便捷。快下载体验吧！中光数码摄像头驱动简介：中光数码摄像头驱动是为此款摄像头打造的驱动...
奥比中光openNI(Linux).rar
07-09
【标题】"奥比中光openNI(Linux).rar"是一个专门为Linux系统设计的资源包，主要用于支持奥比中光摄像头在Linux环境中的运行。OpenNI全称为Open Natural Interaction，是一个开源框架，它为开发自然人机交互应用提供...
中光防雷：2020年年度报告.PDF
03-30
【中光防雷2020年年度报告】详尽解析 中光防雷的2020年年度报告揭示了公司在过去一年的运营状况、面临的挑战与机遇以及未来的战略规划。以下为报告中的关键知识点： 1. **法律责任与诚信保证**：董事会、监事会...
奥比中光深度相机ROS安装方法.docx
12-09
奥比中光深度相机ROS安装方法 奥比中光深度相机是目前最流行的深度相机之一，其广泛应用于机器人、自动驾驶、计算机视觉等领域。为了将奥比中光深度相机集成到ROS（Robot Operating System）中，我们需要按照以下...
奥比中光摄像头外文官网SDK.rar
07-09
奥比中光是一家专注于3D传感技术的高科技公司，其产品包括各种3D摄像头，广泛应用于机器人导航、人脸识别、AR/VR、无人驾驶等多个领域。在本压缩包"奥比中光摄像头外文官网SDK.rar"中，我们主要讨论的是奥比中光为...
奥比中光Astra S双相机开发
05-03
奥比中光Astra S双相机开发是一项针对3D感知技术的应用实践，主要涉及的是奥比中光公司出品的Astra S型号深度相机。这款相机以其高性能和易用性在行业中受到广泛的关注，尤其适用于机器人导航、三维扫描、增强现实等...
鼠标聚焦事件onfocus
qq_38647207的博客
11-27 6397
标签中写onfocus 例子  function wa(){        var a=$("#theTotalNumberOfInspectionStaff").val();        var b=$("#highGrade").val();        var c=b/a        var e=c*100        var d = e.toFixed(2);  
autofocus——打开页面，自动获得光标的焦点
飞一样的编程
06-03 8088
autofocus,打开页面，自动获得光标的焦点，适用于当前页面的文本框，按钮或其他，第一优先级的
十、初学jsp之jsp简介
focusweb
03-26 251
暂未添加
用JS添加聚焦事件，以给父元素添加边框阴影为例
lightpass的博客
08-17 1863
function setBoxShadow (){ $('.class').each(function () { $(this).focus(function(){ $(this).parent().css("outline","none");/*禁用浏览器自带边框阴影*/ $(this).parent().css("box-shadow","0px 0px 15px 1.5p...
vue中光标悬浮触事件
最新发布
05-01
在 Vue 中，光标悬浮触事件可以通过 v-on:mouseover 指令实现。该指令可以像其他事件指令一样绑定到元素上，当光标悬浮在该元素上时就会触发对应的事件处理函数。 使用 v-on:mouseover 指令时，需要在模板中绑定一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值