【问题标题】:placeholder does not appear in input占位符未出现在输入中
【发布时间】:2018-12-21 18:52:13
【问题描述】:

我有一个问题 - 占位符没有出现在我的 html 文档的输入中。 代码如下:

::-webkit-input-placeholder {
 color:#fff;
 opacity:1;
}
:-moz-placeholder {
 color:#fff;
 opacity:1;
}
::-moz-placeholder {
 color:#fff;
 opacity:1;
}
:-ms-input-placeholder {
 color:#fff;
 opacity:1;
}
<fieldset class="input">
    	<input placeholder="Ваше имя" type="text" name="name" value="<?= $name ?>" tabindex="1" autofocus>
    	<span class="error"><?= $name_error ?></span>
</fieldset>

【问题讨论】:

  • 我的第一个猜测是$name 不为空,那么...?如果不是这样,那么您需要向我们展示正确的minimal reproducible example。 (在这种情况下,这可能只是生成的 HTML 代码,但您的 PHP 代码在这里并没有真正的帮助,因为我们不知道您的变量有什么值。)
  • 如果你有一个设置值,占位符不会显示,只有在添加类型的表单上应该存在占位符

标签: html forms input placeholder


【解决方案1】:

首先,将您的占位符替换为value="",同时您的占位符颜色设置为#fff

<fieldset class="input">
    <input placeholder="Hello World!" type="text" name="name" tabindex="1">
</fieldset>

【讨论】:

  • 我还有一个字段
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-03-06
  • 2012-04-28
  • 1970-01-01
  • 1970-01-01
  • 2016-07-25
  • 1970-01-01
相关资源
最近更新 更多