我一周都没有休息,所以我觉得我没什么可写的。我们就写一篇文章吧。先说在前端html页面的input元素中,没有值的时候添加提示文本。当您想要输入文本时,提示文本会消失。
html输入输入框的提示文本有两种实现方式,一种是input元素的占位符属性,另一种是js方法。
输入元素的占位符属性
Placeholder:属性提供提示信息,可以描述输入字段的预期值。
语法:
<input placeholder="提示的文字">
示例:输入添加提示文本。
代码:
<input type="text" placeholder="这里是提示的文字">
运行结果:
当输入输入框输出文本时,提示的文本信息会消失。
Js方法添加输入元素的提示文本
示例代码:
<input type="text" onfocus="javascript:if(this.value=='请输入内容')this.value='';">
运行结果:
注意:
1.js方法添加的提示文字与使用placeholder属性添加的效果不同。
2.占位符属性添加的提示文本只有在输入内容时才会消失。
3.当光标定位在输入输入框时,js模式下添加的提示文字会消失。
本文来自润情无声投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/556086.html