方法有两种如下：
一、 格式<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的项目过程中，在输入信息的时候，将输入框默认获得焦点指令：
焦点在HTML和JS中是只光标。
焦点在JS和HTML里是在页面上屏幕中闪动的小竖线，鼠标点击就可获得光标，Tab键可按照设置的Tabindex来进行切换焦点。
示例：
<divid="demo"></div>
<divid="test"></div>
<divid="one"></div>
<divid="two"></div>
<divid="three"></div>
<divid="fore"></div>
<divid="five"></div>
<divid="six"></div>
<script>
function$(id){
returndocument.getElementById(id)
}
$("demo").style.backgroundColor="green"
//调用方法
$("test").style.backgroundColor="blue"
$("one").style.backgroundColor="orange"
$("two").style.backgroundColor="red"
$("three").style.backgroundColor="purple"
$("fore").style.backgroundColor="#f6e71f"
$("five").style.backgroundColor="#5153ff"
$("six").style.backgroundColor="#ff1496"
//调用函数，并直接修改盒子的背景颜色
扩展资料
jquery判断input输入框的值
//输入框正在输入时
$("#ipt").on('input',function(){
if(!($('#ipt').val()=='')){
$(".cancle_ico").removeClass('hide')
}else{
$(".cancle_ico").addClass('hide')
}
})
//输入框得到焦点时
$("#ipt").on('focus',function(){
if(!($('#ipt').val()=='')){
$(".cancle_ico").removeClass('hide')
}else{
$(".cancle_ico").addClass('hide')
}
})
//输入框失去焦点时
$("#ipt").on('blur',function(){
if(($('#ipt').val()=='')){
$(".cancle_ico").addClass('hide')
}else{
$(".cancle_ico").removeClass('hide')
}
})
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）