`
lluorongsheng
  • 浏览: 33921 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

html:form标签的focus属性的作用

阅读更多
你可以用focus属性来生成JavaScript,它会“定焦”(focus)到该form所包含的一个元素上。使用focus属性时你需要给它指定元素的名称。比如,以下代码是定焦在第二个Text元素上的:
<body>
<html:form action="/login" focus="password">
User Name: <html:text property="userName"/>
<br>Password: <html:text property="password"/>
<br><html:submit/>
</html:form>
</body>

该段代码会被转换成:
<body>
<form name="loginForm" method="post" action="/myStrutsApp6/login.do">
User Name: <input type="text" name="userName" value="">
<br>Password: <input type="text" name="password" value="">
<br><input type="submit" value="Submit">
</form>
<script language="JavaScript" type="text/javascript">
<!--
if (document.forms["loginForm"].elements[
"password"].type != "hidden")
document.forms["loginForm"].elements[
"password"].focus()
// -->
</script>
</body> 
分享到:
评论

相关推荐

    html登录注册页面,登录和注册页面的实现HTML,CSS,JS

    1. HTML结构: - 使用语义化的HTML标签构建页面框架,如`&lt;header&gt;`、`&lt;main&gt;`、`&lt;footer&gt;`等。... - 使用CSS伪类`:hover`、`:focus`等为表单元素添加交互效果。 - 利用CSS媒体查询实现响应式设计,适配不同屏幕尺寸。

    jQ表单万能验证插件 vf-validate.js

    插件简介:使用HTML标签属性,快速实现常用表单验证功能 JQ表单验证插件 使用方法:$.formValidate(options); version:1.6.0 @param {Object} options @param options.area 验证的区域父级元素,默认 body @param ...

    xheditor-1.1.14

    emotMark:是否在表情img标签上标注emot属性 参数:true(标注),false(不标注),默认为false 说明:若使用了ubb插件,请设置此属性为true 备注:1.0.0 beta2新添加 emots:添加自定义表情 参数:可定义多个JSON对象...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    +为页面的Form添加autocomplete="off"属性。 -参考http://www.cnblogs.com/sanshi/archive/2009/09/04/1560146.html#1635830 +添加对extjs3.0中所有语言的支持。 -ExtAspNet扩展的多语言包在js\languages\...

    ExtAspNet_v2.3.2_dll

    +为页面的Form添加autocomplete="off"属性。 -参考http://www.cnblogs.com/sanshi/archive/2009/09/04/1560146.html#1635830 +添加对extjs3.0中所有语言的支持。 -ExtAspNet扩展的多语言包在js\languages\...

    编译的 HTML 帮助文件 (.chm) DHTML手册

    getElementById 获取对 ID 标签属性为指定值的第一个对象的引用。 getElementsByName 根据 NAME 标签属性的值获取对象的集合。 getElementsByTagName 获取基于指定元素名称的对象集合。 hasFocus 获取表明对象...

    jQuery详细教程

    jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作。 在 HTML DOM 术语中: 选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。...

    Struts原理、开发及项目实施

    base/&gt;&lt;br/&gt;&lt;/head&gt;&lt;br/&gt;&lt;body bgcolor="white"&gt;&lt;br/&gt;&lt;html:errors/&gt;&lt;br/&gt;&lt;html:form action="/regUserAction" focus="logname"&gt; &lt;table border="0" width="100%"&gt; &lt;tr&gt;&lt;br/&gt; &lt;th align="right"&gt;&lt;br/&gt; ...

    javascript函数的解释

    88.window.location的属性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息) 89.window.location....

    2.ASP.NET.2.0.高级编程(第4版) [1/7]

    ● 服务器控件的概念及其在ASP.NET开发中的主导作用 ● 使用新的Master页面特性创建模板化的ASP.NET页面 ● 调试和处理错误的技术 ● 提取、创建、处理和存储XML的各种框架 ● 打包和部署ASP.NET应用程序的方法 ...

    js使用小技巧

    HTML标签 document.documentElement.innerHTML 第一个style标签 document.styleSheets[0] style标签里的第一个样式 document.styleSheets[0].rules[0] 防止点击空链接时,页面往往重置到页首端。 ...

    ASP.NET2.0高级编程(第4版)1/6

    2.2.3 页面标签22 2.2.4 代码改变状态的通知23 2.2.5 错误通知和辅助23 2.3 工具箱25 2.4 Solution Explorer26 2.5 Server Explorer28 2.6 Properties窗口28 2.7 丢失的窗口29 2.8 其他常见的Visual Studio操作29 ...

    java 正则表达式

    匹配html标签的正则表达式:&lt;(.*)&gt;(.*)(.*)&gt;|&lt;(.*)\/&gt; 匹配首尾空格的正则表达式:(^\s*)|(\s*$) 应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下: String.prototype.trim ...

    C#浏览器编程,学习使用

    //本浏览器采用IE内核,多标签,多线程的一个浏览器,带有收藏夹功能。 // //可以查看页面源文件和网页链接状态的功能(可供分析网站的路径),具备// //常用的门户引擎搜索功能。 // //***************************...

    Java学习笔记-个人整理的

    {2.10.1}类的属性}{60}{subsection.2.10.1} {2.10.2}类的方法}{61}{subsection.2.10.2} {2.10.3}静态代码块}{62}{subsection.2.10.3} {2.11}\ttfamily final}{63}{section.2.11} {2.12}\ttfamily abstract}{63}...

Global site tag (gtag.js) - Google Analytics