有时侯告诉用户应该怎么做很重要,尤其是当填写一个复杂的表格的时候.此代码使用title属性在一个单独的DOM元素里显示帮助。(翻译的生硬了...)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
<script type='text/javascript' src='jquery.autohelp.js'></script> </head>
<body>
<form>
<input type="text" name="demo1" title="Type something" />
<select name="demo2" title="Select something"><option value=0>Select</option></select>
<input type="radio" name="demo3" value="foo" title="Pick one (like foo)"> foo
<input type="radio" name="demo3" value="bar" title="Pick one (like bar)"> bar
</form>
<p id="autohelp">Focus on one of the form elements above.</p>
<script type="text/javascript">
$(document).ready(function() {
$("form *").autohelp("#autohelp");
});
</script>
</body>
</html>
jquery.js这个从那啥网上下就行...
jquery.autohelp.js 代码
$.fn.autohelp = function(t, o) {
t = $(t); o = o || {};
var h;
this.focus(function() { h = t.html(); (o.hide ? t.show() : t).html(this.title); })
.blur(function() { (o.hide ? t.hide() : t).html(h); });
return this;
}
分享到:
相关推荐
常用的jquery特效前端网页代码,包括表单,颜色,提示框,导航栏,滚动条,图片等内容
表单测试用例设计,一般的表单测试需要考虑的问题,很全面
关于WEB测试中的表单测试用例相关介绍 用户想向WEB系统管理员提交信息时,用到的表单操作用例设计
JQuery做的一个例子,准备当菜单使用
jquery animate小用例,jquery animate小用例
表单测试用例归纳与总结,web测试的可以看看
关于界面、查询、列表、表单、上传、输入框的测试用例模板
一次性纸杯测试用例.xmind
绘制用例图只是完成了用例建模最基本也是最简单的一步,用例...顾名思义,用例文档是用于描述用例的文档,每一个用例对应于一个用例文档,在用例文档中需要用文字的方式描述用例的执行过程,即执行者与系统的交互过程。
用例模版用例模版用例模版用例模版用例模版用例模版用例模版用例模版用例模版用例模版
如何编写一个好的测试用例,如何编写一个好的测试用例,如何编写一个好的测试用例
硬件测试用例参考(一)
测试用例三个文件 一个Word写的测试用例模板 一个Word写的详细的测试用例 一个Excel写的测试用例模板 希望能对大家有帮助
用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档模板用例文档...
测试用例示例测试用例示例测试用例示例测试用例示例测试用例示例测试用例示例测试用例示例测试用例示例测试用例示例测试用例示例测试用例示例
HTMLTestRunner改编:一个测试用例一个截图,注意截图方法需要传值
软件测试用例模板一详细用例(经典): 包括动能测试点、性能测试点、兼容性测试点。使用者只需在上面把内容替换就可以,一劳永逸,特详细,共27页
是在实习期做的一个测试项目的测试用例。如果是新手可以模仿
软件测试用例模板一详细用例(经典).doc