小樱知识 > 生活常识input提示文字颜色（input标签placeholder属性）

input提示文字颜色（input标签placeholder属性）

提问时间：2022-03-16 13:04:55来源：小樱知识网

周未休息，感觉没啥可写的，就水一篇文章吧，说一说前端 html 页面中 input 元素中在没有值的情况下，添加提示的文字，当要输入文字的时候，提示的文字消失。

关于 html input 输入框的提示文字，有两种方法可以实现，一种为 input 元素的 placeholder 属性，一种为 js 方法。

input 元素的 placeholder 属性

placeholder：属性提供可描述输入字段预期值的提示信息

语法：

<input placeholder="提示的文字">

例：input 添加提示的文字

代码：

<input type="text" placeholder="这里是提示的文字">

运行结果：

当input输入框，输出文字时，提示的文字信息会消失

js 方法添加 input 元素提示文字

示例代码：

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

运行结果：

注：

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

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

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

以上内容就是为大家推荐的input提示文字颜色（input标签placeholder属性）最佳回答，如果还想搜索其他问题，请收藏本网站或点击搜索更多问题

内容来源于网络仅供参考
二维码

扫一扫关注我们

版权声明：所有来源标注为小樱知识网www.xiaoyin02.com的内容版权均为本站所有，若您需要引用、转载，只需要注明来源及原文链接即可。

本文标题：input提示文字颜色（input标签placeholder属性）

本文地址：https://www.xiaoyin02.com/shcs/118400.html

上一篇：soplive网络电视手机版（网络电视安装步骤）

下一篇：偶数页页眉怎么设置（wps奇偶数页眉内容不相同）

相关文章

|网站首页| 生活常识| 家务日常| 自然科学| 数码解读| 运动有氧| 家庭美食| 恋爱情感| 常见问题| 生肖运势|

本网站属于科学类内容，传达严谨、科学的内容，专门聚焦于生活中的常识误区为大家解决常识问题

Copyright © 2022 小桜知识网 版权所有 京ICP备2021039702号-11

中国互联网诚信示范企业违法和不良信息举报中心网络110报警服务中国互联网协会中国互联网协会信用评价中心诚信网站