HTML怎么实现加载页面后自动聚焦并全选一个_随笔

这涉及到javascript中的语言知识了，使用的是if判断来进行的，我这里有个副本

window.onload=function ()

{

var odiv=document.getElementById('div1')

var obtn1=document.getElementById('btn1')

var obtn2=document.getElementById('btn2')

var obtn3=document.getElementById('btn3')

var ach=odiv.getElementsByTagName('input')

obtn1.onclick=function ()

{

for(var i=0i<ach.lengthi++)

{

ach[i].checked=true

}

obtn2.onclick=function ()

{

for(var i=0i<ach.lengthi++)

{

ach[i].checked=false

}

obtn3.onclick=function ()

{

for(var i=0i<ach.lengthi++)

{ if(ach[i].checked==true)

{

ach[i].checked=false

}

else{

ach[i].checked=true

}

</script>

<body>

</div>

</body>

焦点的意思就是被选中，和文本框相似，<button type="button" autofocus="autofocus">点击这里</button>当页面加载完成之后，这个按钮会被选中。你可以用火狐试试。

placeholder是html5新增的input的一个熟悉，主要是让表单体验更加智能，相当于value属性，但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder="默认值"的文本就会自动清空，，

不过兼容性还不太好，至少ie好像要9以上才能支持，，所以很多pc端的聚焦处理还是用js来的

for属性应该是label的属性吧？？这个是和input的id绑定，当我们点击input前面的文本标识会自动聚焦到文本框，例如：

<form>

</form>

这个例子，当我点击用户名的时候，会自动聚焦到文本框里头，也就是光标会自动定位到文本框里

欢迎分享，转载请注明来源：内存溢出

HTML怎么实现加载页面后自动聚焦并全选一个