placeholder在input中不生效

在我们写input输入框的时候,会需要,

使用placeholder 让用户知道应该输入什么

使用之后却发现,我们的placeholder  并没有生效

具体原因如下

在是不是发现在你的input中写的placeholder不生效

那是因为你的value有值,所以要保证其valueundefined,哪怕是一个空格都不行

下面我把具体代码给大家展示出来,大家可以粘贴到自己的页面中,查看效果

代码

<input type="text" placeholder="生效,因为value无值" value="">

生效

<input type="text" placeholder="生效,因为value无值" value="">

代码

<input type="text" placeholder="不生效,因为value是空格" value=" ">
<input type="text" placeholder="不生效,因为value有值" value="您好">

不生效

<input type="text" placeholder="不生效,因为value是空格" value=" ">
<input type="text" placeholder="不生效,因为value有值" value="您好">

有什么问题大家可以留言交流,创作不易


版权声明:本文为m0_55258023原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。