如何解决清除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>
出什么问题了?
谢谢
解决方法
首先,您的输入字段缺少您尝试选择的id
。
第二,用reset
按钮将表单字段重置为在初始HTML中指定的默认值。您在此处指定了用户名,而不是一个空值-因此这是该字段将重置为的名称。
第三,.value = ''
仅重置元素的当前值,而不重置 default 值。您需要设置实际的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>
,
尝试在输入标签中添加名称为“ username”的属性id =“ username”
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。