如果没有鼠标悬停,可以通过以下几种方式来添加默认文本字段:
<input type="text" placeholder="请输入内容">
推荐的腾讯云产品:云服务器(CVM)。
<input type="text" id="myInput">
<script>
var input = document.getElementById("myInput");
var defaultText = "请输入内容";
input.addEventListener("focus", function() {
if (input.value === defaultText) {
input.value = "";
}
});
input.addEventListener("blur", function() {
if (input.value === "") {
input.value = defaultText;
}
});
</script>
推荐的腾讯云产品:无。
<input type="text" class="default-text" data-text="请输入内容">
<style>
.default-text::before {
content: attr(data-text);
}
.default-text:focus::before {
content: none;
}
</style>
推荐的腾讯云产品:云函数(SCF)。
这些方法可以根据需求选择合适的方式来添加默认文本字段,提升用户体验。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云