猿问

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

早上好,我正在为大学做一个基本网站。我应该提供一个登录表单,用户可以在其中插入用户名和密码...如果这些正确,则会使用用户名值保存 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>

问题是什么?


一只甜甜圈
浏览 85回答 2
2回答

隔江千里

首先,您的输入字段缺少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>

侃侃尔雅

尝试在名称=“用户名”的输入标签中添加属性 id=“用户名”
随时随地看视频慕课网APP
我要回答