gpt4 book ai didi

html - 必需属性 HTML5

转载 作者:技术小花猫 更新时间:2023-10-29 11:29:52 24 4
gpt4 key购买 nike

在我的 Web 应用程序中,我对我的表单字段使用了一些自定义验证。在同一个表单中,我有两个按钮:一个用于实际提交表单,另一个用于取消/重置表单。

大多数情况下,我使用 Safari 作为我的默认浏览器。现在 Safari 5 出来了,突然我的取消/重置按钮不再起作用了。每次我按下重置按钮时,我表单中的第一个字段都会获得焦点。然而,这与我的自定义表单验证的行为相同。当用另一个浏览器尝试时,一切正常。我一定是 Safari 5 的问题。

我在我的 Javascript 代码中做了一些更改,我发现是以下行导致了问题:

document.getElementById("somefield").required = true;

为了确定这真的是问题所在,我创建了一个测试场景:

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>

<body>
<form id="someform">
<label>Name:</label>&nbsp;<input type="text" id="name" required="true" /><br/>
<label>Car:</label>&nbsp;<input type="text" id="car" required="true" /><br/>
<br/>
<input type="submit" id="btnsubmit" value="Submit!" />
</form>
</body>
</html>

我所期望的事情确实发生了。第一个字段“name”确实自动获得了焦点。

还有其他人无意中发现了这个吗?

最佳答案

注意

<input type="text" id="car" required="true" />

错了,应该是其中之一

<input type="text" id="car" required />
<input type="text" id="car" required="" />
<input type="text" id="car" required='' />
<input type="text" id="car" required=required />
<input type="text" id="car" required="required" />
<input type="text" id="car" required='required' />

这是因为 true 值表明 false 值会使表单控件可选,但事实并非如此。

关于html - 必需属性 HTML5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3004703/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com