清除 HTML 登录表单，其中用户名文本字段填充 cookie

Question

早上好，我正在为大学做一个基本网站。我应该提供一个登录表单，用户可以在其中插入用户名和密码...如果这些正确，则会使用用户名值保存 cookie；感谢这个 cookie，当用户关闭会话并再次打开浏览器进行登录时，用户名字段已经存在（我使用表单内的 php 脚本执行此操作）。唯一的问题是清除表单中两个文本字段的按钮不起作用。 <form name="f" action="controlAndErrorLogin.php" method="POST">        <p>Username: <input type="text" name="username" value=<?php if(isset($_COOKIE["username"])){echo "\"".$_COOKIE["username"]."\"";}else{echo "\"\"";}?>>            </p>        <p>Password: <input type="password" name="password" value=""></p>        <p>            <input type="submit" value="OK">            <input type="reset" value="PULISCI" onclick="document.getElementById('username').value = '';">         </p>    </form>问题是什么？

Answer 1

首先，您的输入字段缺少id您尝试选择它的字段。

其次，reset按钮将表单字段重置为其在初始 HTML 中指定的默认值。您在其中指定了用户名，而不是空值 -这就是该字段将重置为的值。

第三，.value = ''只重置元素的当前值，而不重置默认值。您需要设置实际defaultValue属性才能实现这一目标。

<form name="f" action="controlAndErrorLogin.php" method="POST">

  <p>Username: <input type="text" id="username" name="username" value="foo"></p>

  <p>Password: <input type="password" name="password" value=""></p>

  <p>

    <input type="submit" value="OK">

    <input type="reset" value="PULISCI" 

           onclick="document.getElementById('username').defaultValue = '';">

  </p>

</form>

Answer 2

尝试在名称=“用户名”的输入标签中添加属性 id=“用户名”