input提升用户输入信息当用户点击时页面消失

ITingLight

于 2021-08-20 22:36:07 发布

阅读量984

点赞数 2

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/itinglight/article/details/119832549

版权

本文探讨了在HTML中使用`placeholder`属性和通过JavaScript实现输入框提示文字的两种方法。区别在于，`placeholder`属性的提示文字仅在输入时消失，而JavaScript则在光标定位到输入框时即消失。对于用户体验和交互设计有一定参考价值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
方案二

<input type="text" placeholder="请输入内容">

方案一

<input type="text" value='请输入内容' onfocus="javascript:if(this.value=='请输入内容')this.value='';">

1、js 方法添加的提示文字不同于使用 placeholder 属性添加的效果

2、placeholder 属性添加的提示文字，只有输入内容时文字才会消失

3、js 方式添加的提示文字，当光标定位到 input 输入框中时，提示文字就会消失

input提升用户输入信息 当用户点击时 页面消失