<input type="text" name="" id="" value="这是一个文本框">
value方法有很明显的缺点，就是当文本框获得鼠标焦点的时候，提示文字不会自动删除。
如果想要获得鼠标焦点时提示文字自动删除，需要搭配javascript实现。
<input type="text" name="" id="" placeholder="这是一个文本框">
使用 placeholder 方法就不需要我们自己删除提示文字，在你开始输入内容的时候，提示文字会自动删除
<body><input type="text" name="" id="inp"><label for="inp">邮箱/手机号码/小米ID</label><script></script>
</body>
定位效果示例：
用定位的好处就是可以改变提示文字的大小、颜色、位置。可以搭配javascript做出更好看的效果
举个栗子：当文本框获得鼠标焦点时：
注意：提示文字写在label标签里面，因为鼠标点击定位文字不能获得鼠标焦点，使用label标签的for属性就可以实现点击文字获取鼠标焦点
本文发布于:2024-01-30 02:10:06，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/170655181018495.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
