未选中的 HTML 复选框

在本教程中，我们将学习发布未选中的 HTML 复选框。

要与用户互动，有必要通过网站获取他们的输入或数据。HTML 表单用于从用户那里获取输入。表单对于在网站上获取用户的数据至关重要。这些表单从用户那里获取输入，并使用HTTP请求将数据发送到服务器。

有两种类型的HTTP请求，一种是GET，另一种是POST。POST 请求是最常用的类型，因为它是安全的并且可以发送大量数据。但这两种方法都会发送值已更改或编辑的数据。因此，未编辑的值或未选中的复选框不会发送到服务器。

因此，让我们看看如何从表单中发布未选中的HTML复选框。

使用隐藏输入类型

隐藏的输入类型是一个输入字段，它既不会接受用户的输入，也不会显示。默认情况下，此输入字段仅用于通过 HTTP 请求发送此字段的值。这是形成数据和数据库的一个非常重要的领域。

如果没有 HTML 表单，我们就无法将数据发送到服务器。要在服务器上发送不是从用户那里获取的其他数据，我们必须使用 HTML 中的隐藏输入类型。

用户可以按照以下语法使用隐藏输入类型来发布未选中的 HTML 复选框 -

语法

按照上述语法使用隐藏的输入字段。

例 1

在下面的示例中，我们使用表单中的复选框来获取用户的输入。我们将看到使用复选框发布数据后得到什么。我们在表单中添加了七个复选框。单击提交按钮后，我们将从表单中获取从 post 方法发送的数据。

Using POST method to post the HTML checkboxes

Select your Subjects:
Math
Science
English
History
Geography
Hindi
Information technology
Submit

在上面的例子中，用户可以看到我们将只获得选中的复选框的值，只有这些值才会发送到服务器。

例 2

在下面的示例中，我们使用隐藏输入类型将数据发送到服务器，无论复选框是否被选中。我们正在定义与表单中其他复选框同名的隐藏输入类型。在脚本中，我们给出了一个条件，即如果选中该复选框，则将禁用受尊重的隐藏字段。这样，我们将不会获得同一复选框的双精度值。

Using hidden type of input to post unchecked HTML checkboxes

Enter your name:
Enter your name:
Select your gender:
Male
Female
Transgender
Submit

在上面的例子中，用户可以看到我们可以使用隐藏作为HTML中的输入类型来发布未选中的HTML复选框。

在本教程中，我们学习了如何发布未选中的 HTML 复选框。