`
yuanyuan7891
  • 浏览: 167029 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

打开页面就获得焦点

阅读更多

在body标签中添加语句:onload="document.getElementById('userid ').focus()"即可。

其中 userid 为获得焦点的元素id。

 

 

<html>

<body onload="document.getElementById('username ').focus()" >

      <form method="post">
            <table>            
                <tr>
                    <td>用户名:</td>
                    <td><input type="text" id="userid" name="username "  /></td>
                </tr>
                <tr>
                    <td >密 &nbsp;码:</td>
                    <td><input type="password" id="password" name="password" /></td>
                </tr>
            </table>
        </form>
</body>
</html>
 

 

分享到:
评论
1 楼 duaixj_zhu 2011-01-12  
非常感谢。找了差不多一个小时了....

相关推荐

    VBA 64位系统,窗口无法获取焦点,文本框无法输入解决

    总的来说,解决VBA在64位系统中窗口无法获取焦点和文本框无法输入的问题,需要对API函数的使用有深入了解,并结合实际代码进行调试和优化。同时,保持代码的64位兼容性,避免使用32位特定的API或方法,是解决此类...

    Android取消EditText自动获取焦点默认行为

    因此,EditText就不会自动获取焦点,软键盘也就不会自动弹出。 下面是一个示例,展示了如何在XML布局文件中应用这种方法: ```xml xmlns:android="http://schemas.android.com/apk/res/android" style="@style/...

    jQuery注册登录自动获取焦点智能提示

    在用户打开注册或登录页面时,输入框自动获取焦点能让用户立刻开始输入,无需额外点击。在jQuery中,我们可以使用`focus()`方法来实现这一效果。例如,如果你有一个ID为"username"的输入框,你可以这样设置: ```...

    JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容

    **获取焦点光标位置**: ```javascript function getCursorPos(input) { if (input.selectionStart) { // Modern browsers return input.selectionStart; } else if (document.selection) { // IE8 及以下版本 ...

    简单语句实现表单获取和失去焦点输入框提示效果

    当输入框获取焦点时,如果其值与占位符相同,就清空值并恢复字体颜色。而当输入框失去焦点且值为空时,我们将提示文字恢复并调整颜色。 现在,当你在浏览器中打开`search.html`文件,你会看到一个搜索表单,输入框...

    jquery dialog获取焦点的方法

    获取焦点通常指的是元素获得用户交互的能力,例如在输入框中输入文本。在对话框中获取焦点意味着对话框内的某个元素能够在打开对话框时立即与用户进行交互。 描述中提到本文会结合实例来分析jQuery UI的dialog组件...

    js中window.open打开一个新的页面.docx

    * 使用 _blank 作为窗口名称,以便在新的标签页中打开页面 * 使用 specs 参数来指定要打开的窗口的特性 * 使用 JavaScript 来调整打开的窗口的行为 例如,以下代码将打开一个新的页面,并使其获得焦点: ``` var ...

    VB代码打开网址方法总结

    `vbNormalFocus`参数表示使新启动的进程获得焦点。 **注意点** 1. 需要确保路径正确无误。 2. 可能会因为系统安全设置等原因导致无法正常运行。 #### 方法二:使用ShellExecute函数 **基本原理** `ShellExecute...

    焦点图代码

    虽然具体内容没有给出,但在实际操作中,我们需要打开此文件来获取具体指导。 `index.html`是示例网页的源代码,展示了焦点图的实际效果。我们可以从中学习到如何将CSS样式与HTML结构结合,实现焦点图的布局和交互...

    js/jquery获取文本框输入焦点的方法

    在JavaScript和jQuery中,获取文本框输入焦点是常见的交互操作,它可以帮助用户更好地导航和编辑表单内容。本文将详细讲解两种不同的方法来实现这一功能。 首先,我们来看第一种方法,这是一种纯JavaScript的方式。...

    Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法

    在使用Bootstrap框架构建网页时,有时会遇到一个常见的问题,那就是Bootstrap弹出框(modal)中的输入框(input)无法获得焦点。这个问题通常发生在尝试在已存在的modal之上再弹出一个新的modal层时,由于Bootstrap...

    使用JS取得焦点(focus)元素代码

    JavaScript中获取焦点(focus)元素的实现是前端开发中的一个重要方面,这直接关系到用户交互体验的友好度和网站的无障碍性。焦点通常指用户通过鼠标点击、键盘操作或其他输入设备与页面中元素交互的点。例如,输入框...

    修改 bootstrap 多个模态对话框 焦点冲突问题 BUG

    例如,`data-focus="#myInput"`会使得输入框`&lt;input id="myInput"&gt;`获得焦点。 3. **JavaScript干预**:如果以上方法不能满足需求,可以通过编写JavaScript代码来干预焦点的设置。在模态关闭后,手动找到并设置下一...

    [AU3源码]input文本框为空没有焦点显示灰色提示文字

    当文本框重新获得焦点时,需要清除灰色提示文字并恢复文本框的正常状态,这可以通过类似的逻辑实现。 4. **运行和测试**:最后,你需要将上述代码集成到你的AutoIt脚本中,创建GUI并运行。确保所有必要的库都已经...

    BootStrap模态框和select2合用时input无法获取焦点的解决方法

    Bootstrap模态框在设计时,为了防止页面其他元素在模态框打开时获得焦点,会在模态框元素上设置`tabindex="-1"`属性。这使得模态框成为当前的焦点,但同时也阻止了模态框内其他具有`tabindex`的元素(如Select2的...

    商品展示焦点图幻灯片特效js代码.rar

    总之,"商品展示焦点图幻灯片特效js代码"是一款实用性与美观性兼备的网页设计工具,它通过巧妙的JavaScript实现,提供了一种高效、互动的商品展示方式。无论是电商网站还是产品展示页面,都可以利用此代码提升用户...

    jQuery实现的输入框获得焦点时改变样式效果(默认是灰色).zip

    接下来,我们来看如何在输入框获取焦点时改变样式。当用户点击输入框使其成为活动元素(即获得焦点)时,我们可以添加一个CSS类或者直接修改元素的样式属性。以下是一个基本的jQuery代码示例: ```javascript $...

    电影网站常用jquery焦点图.zip

    当用户打开页面后,焦点图会自动按照预设的时间间隔进行图片切换,无需任何操作即可呈现出动态效果,为电影网站增添了动态感和活力。这种自动播放功能在吸引用户注意力、提升浏览体验方面具有显著效果。 在实际应用...

    Android轮播焦点图整体项目

    这需要利用`Fragment`管理多个页面,并结合`SharedPreferences`存储用户的浏览状态,以便在用户下次打开应用时决定是否再次显示引导页。 3. **接口的使用**: 在Android应用中,与服务器进行数据交互通常需要用到...

    2屏flash焦点图代码

    用户只需要下载并解压缩文件,然后在合适的环境中打开,就能看到2屏Flash焦点图的运行效果。这通常包括HTML文件、图片资源、JavaScript脚本以及Flash(SWF)文件等组成部分。 【标签】"2屏flash焦点图代码"进一步...

Global site tag (gtag.js) - Google Analytics