HTML点击文本后文本框获得焦点的两种方式

版权声明:欢迎转载评论~哈哈哈哈请标明出处呀 https://blog.csdn.net/legendaryhaha/article/details/83690117

点击文本后文本框获得焦点

HTML标签获取

通过label标签的for和input标签的id,将它们起个一样的名字

<div>
	<label class="first" for="tel"><span class="star">*</span>请输入用户名:</label>&nbsp;&nbsp;&nbsp;
	<input id="tel" name="name" type="text" placeholder="请输入用户名"/>
</div>

当我点击左边的文字后,文本框获得焦点
在这里插入图片描述

JS方式获取

注意代码的位置要在文本框的后面

<script type=j"text/javascript">
		("#lable").click(function(){
			document.getElementById("tel").focus();
		});
	</script>

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/legendaryhaha/article/details/83690117