点击文本后文本框获得焦点
HTML标签获取
通过label标签的for和input标签的id,将它们起个一样的名字
<div>
<label class="first" for="tel"><span class="star">*</span>请输入用户名:</label>
<input id="tel" name="name" type="text" placeholder="请输入用户名"/>
</div>
当我点击左边的文字后,文本框获得焦点
Jquery方式获取
注意代码的位置要在文本框的后面
<script type="text/javascript" src="js/jquery-3.2.0.js"></script>//一定要引入jquery
<script type="text/javascript">
$("#lable").click(function(){ //lable标签的id
document.getElementById("tel_").focus();//文本框的id
})
</script>
js方式
<label id="lable" class="first" for="tel"onclick="fun()" >
<script>
function fun(){
document.getElementById("tel_").focus();//tel_为文本框的id
}
</script>