这个属性在不同浏览器下的显示是不一样的。
在 Firefox、Chrome、Microsoft Edge 或其他使用以上三种内核的浏览器中,输入框获得焦点时,placeholder 没有变化,只有当输入框中输入了内容时,placeholder 才消失(这也是主流做法);而在 Safari 和 IE9+ 或其他使用以上两种内核的浏览器中,当输入框获得焦点时,placeholder 便会消失。
焦点的意思就是被选中,和文本框相似,<button type="button" autofocus="autofocus">点击这里</button>当页面加载完成之后,这个按钮会被选中。你可以用火狐试试。方法有两种如下:
一、 格式<body onload=document.formname.textname.focus()>
formname为表单名称,后面接着的textname 是文本框的名称。
示例:
<html>
<head></head>
<body onLoad="document.user.username.focus()" >
<form name="user" action="">
<input type="text" name="username">
</form>
</body>
</html>
这个方法比较简单,推荐使用。
二、使用JavaScript,相对麻烦
<html>
<head></head>
<body >
<input type="text" id="name"><!--设置文本输入框的id为name-->
<script language="javascript">
document.getElementById('name').focus()
<!--设置id为name的元素得到焦点-->
</script>
</body>
</html>
注意:要使上面两种方法有效需要允许浏览器执行ActiveX脚本。
javaweb的项目过程中,在输入信息的时候,将输入框默认获得焦点指令:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)