Javascript 在“输入两个”中显示文本；用户名"；及；密码"；直到用户开始键入

我正在使用PHP显示我的登录表单。现在，表单显示“Username”，但当用户开始键入时，文本不会消失。当用户开始键入时，如何让文本消失，以便文本“Username”不会与他们正在键入的内容重叠

这是我的“用户名”代码

您正在查找html占位符









或



如果它已经有一些值，您也可以单击将其删除，或者选择它，并在您开始键入时自动替换它。
为最新的浏览器使用占位符

<input type="password" placeholder="Your Text" onClick="this.value='';" >

占位符应该正好做到这一点，只要您没有添加值。您没有在那里设置占位符吗？你们的价值观在最初的展览中是否已经包含了一些东西？请不要只参考W3学校。在你的答案中填入实际代码。
<p class="infield groupbottom">
        <input type="password" name="password" id="password" value="" placeholder=""
               required<?php p($_['user_autofocus'] ? '' : ' autofocus'); ?> />
        <label for="password" class="infield"><?php p($l->t('Password')); ?></label>
        <img class="svg" id="password-icon" src="<?php print_unescaped(image_path('', 'actions/password.svg')); ?>" alt=""/>
</p>

<form action="demo_form.asp">
  <input type="text" name="fname" placeholder="First name"><br>
  <input type="text" name="lname" placeholder="Last name"><br>
  <input type="submit" value="Submit">
</form>

<input type="password" placeholder="enter the password" onClick="this.value='';">

<input type="password" placeholder="enter the password" onClick="this.select();">

<input type="password" placeholder="Your Text" onClick="this.value='';" >

$('[placeholder]').parents('form').submit(function() {
  $(this).find('[placeholder]').each(function() {
    var input = $(this);
    if (input.val() == input.attr('placeholder')) {
      input.val('');
    }
  })
});