今天就跟大家聊聊有关使用placeholder属性怎么设置input文本框的信息，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。带有 placeholder 文本的搜索字段：<f
今天就跟大家聊聊有关使用placeholder属性怎么设置input文本框的信息，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。
带有 placeholder 文本的搜索字段：
<fORM action="demo_form.asp" method="get"> <input type="search" name="user_search" placeholder="Search W3School" /> <input type="submit" /></form>定义和用法
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 passWord。
下面看下使用placeholder属性设置input文本框的提示信息
input文本框中设置提示信息,可以使用placeholder属性
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" placeholder="请输入用户名"value="" /> </body></html>
结果就是这样,有当文本框内容为空时就显示提示信息,当输入内容时提示内容就消失了
placeholder和value属性的区别是,value属性设置的直接是文本框中的内容
看完上述内容，你们对使用placeholder属性怎么设置input文本框的信息有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注编程网精选频道，感谢大家的支持。
--结束END--
本文标题: 使用placeholder属性怎么设置input文本框的信息
本文链接: https://lsjlt.com/news/255813.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0