如果值为空,则在输入 [type=text] 中不考虑空白值

Posted

技术标签:

【中文标题】如果值为空,则在输入 [type=text] 中不考虑空白值【英文标题】:Blank value is not consider in input [type=text] if value is empty 【发布时间】:2015-05-11 09:37:43 【问题描述】:

我有简单的 HTML 代码:

<form action="login_validation.php">
    <input type="text" name="username1" placeholder="Username" value="">
    <input type="password" name="upassword" placeholder="Password" value="">
</form>

我的输出是:

但是,我很困惑,为什么会发生这种情况(自动填充的用户名和密码),即使我已经在 html 中分配了value=""(分配了空白值)。

为什么在 HTML 中不考虑空白值?

【问题讨论】:

你的代码没问题。这可能是浏览器。您可以将 autocomplete="off" 添加到您的表单标签中,它会成功的。 @kurenaiKunai 是的,我同意autocomplete="off" 是有效的,但是为什么浏览器不理解最初为空白的值。和浏览器在页面加载时设置我以前使用过的任何随机用户名和密码,而无需用户触发。 浏览器具有自动填表功能,您可以关闭它并清除缓存以防止这种情况发生。 ***.com/questions/15738259/disabling-chrome-autofill 【参考方案1】:

您的字段是黄色的。这意味着您的浏览器的自动完成功能启动并为您填写了您的字段。

因此,您的 HTML 很好。

【讨论】:

【参考方案2】:

这会有所帮助:

<form action="login_validation.php" autocomplete="off">
    <input type="text" name="username1" placeholder="Username" value="">
    <input type="password" name="upassword" placeholder="Password" value="">
</form>

【讨论】:

Bradley Gizzi,如您所说,向输入框添加自动完成参数不是一个好习惯:/【参考方案3】:

您可以通过在输入框中添加属性autocomplete="off" 来禁用此功能,但并非所有浏览器都承认这一点

编辑:Zheka 你几乎只是抄袭了我的答案。

【讨论】:

以上是关于如果值为空,则在输入 [type=text] 中不考虑空白值的主要内容,如果未能解决你的问题,请参考以下文章

如果 ASP.Net 中的数据库值为空,则在 TextBox 中设置空字符串不起作用

如果字段的值为空,则在 MySQL 中插入新记录,同时在不同的字段中添加 ID+1

如果值为空,请检查“输入类型”,然后插入默认文本

检查表单输入是不是为空,如果不是,则在按下提交按钮时显示隐藏的 div

Vue.js:如果值为空,则不呈现属性(例如:to="" 或 type="")

javascript或jquery怎么重置type=‘file’的输入框