清除 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">&nbsp; <p>Username: <input type="text" id="username" name="username" value="foo"></p>&nbsp; <p>Password: <input type="password" name="password" value=""></p>&nbsp; <p>&nbsp; &nbsp; <input type="submit" value="OK">&nbsp; &nbsp; <input type="reset" value="PULISCI"&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;onclick="document.getElementById('username').defaultValue = '';">&nbsp; </p></form>

Answer 2

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