如何将辅助值应用于输入元素

【问题标题】：How to apply secondary value to an input element如何将辅助值应用于输入元素
【发布时间】：2019-10-06 00:40:44
【问题描述】：

我的联系表单中有一些输入元素，我想将“标题、姓名、电子邮件等”显示为占位符而不是标签。但是它们的占位符已经被另一个 php 标签占用，我该如何显示我的自定义占位符毕竟在这些输入中？

    <p><!--EMAIL-->
    <label for="postEmail"><?php _e('your mail', 'themolitor') ?><span class="red">*</span></label><?php if ($postEmailError != '') { ?> <span class="error"><?php echo $postEmailError; ?></span><?php } ?>&nbsp;&nbsp;<span class="formExample">- <?php _e('will not publish','themolitor');?></span><br />
 <input type="email" name="postEmail" id="postEmail" class="required" value="<?php if(isset($_POST['postEmail']) && $_SERVER['REQUEST_METHOD'] != "POST"){ echo $_POST['postEmail']; } ?>" /><br />
</p>

【问题讨论】：

标签： forms input placeholder

【解决方案1】：

看起来输入的值是由 PHP 而不是占位符设置的。因此，如果您想将字符串附加到输入值 - 使用 += 运算符。在演示中，文本很小，因此您不必滚动。

document.getElementById('postEmail').value += 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX';

input {
  display: block;
  width: 100%;
  font-size: 8px;
  line-height: 3;
}

&lt;input type="email" name="postEmail" id="postEmail" class="required" value="&lt;?php if(isset($_POST['postEmail']) &amp;&amp; $_SERVER['REQUEST_METHOD'] != ' POST '){ echo $_POST['postEmail']; } ?&gt;"&gt;

【讨论】：

我并不完全明白我应该做什么，我设法增加了价值，但它只在窗口加载时出现我想要创建真正的 onblur 效果，比如真正的占位符，或者像跟随 onblur='if (this.value == """) {this.value = "your mail...";} ' onfocus='if (this.value == "your mail...") {this.value = "";}' type='text' value='your mail..'