gpt4 book ai didi

html - 从表单中完全排除复选框元素?

转载 作者:太空宇宙 更新时间:2023-11-04 14:03:28 25 4
gpt4 key购买 nike

如何从表单中完全排除输入(特别是复选框)?具体来说,如何在重置表单时防止它重置。关于如何防止它与表单一起提交,有很多答案,但似乎没有一个解决表单重置问题。

我的问题是我需要在我的页面上放置一个复选框以便用户控制一个选项,但它需要位于一堆表单输入的中间。由于它只是一个用户选项选择框,而不是表单的一部分,但是,我需要将它排除在所有表单操作之外,例如重置表单或提交表单。

最佳答案

如果您使用的是支持 html5 的现代浏览器,您可以使用

的 form 属性

正如 mdn 描述的那样:

与输入元素关联的表单元素(其表单所有者)。该属性的值必须是同一文档中元素的 id。如果未指定此属性,则此元素必须是某个元素的后代。此属性使您能够将元素放置在文档中的任何位置,而不仅仅是作为其表单元素的后代。一个输入只能与一个表单关联。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

因此您可以简单地将表单属性设置为文档中不存在的虚拟 ID

这可以简单地将输入从其包含形式中排除

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>html5 template .html</title>

</head>

<body>
<form>
<input type="checkbox" name="hello"/>aaa
<input type="checkbox" name="hello"/>bbb
<input type="checkbox" name="option" form="dummy"/>ccc
<input type="submit"/>
<input type="reset"/>
</form>
</body>
</html>

在上面的代码中。当你点击重置。选项未重置

点击提交时选项没有提交(点击提交后见地址,类似:?hello=on&hello=on)

关于html - 从表单中完全排除复选框元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20623849/

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