我们如何在HTML表单中使用复选框按钮？

  • Z时代
  • 2024-01-10
  • 分类：综合

使用HTML表单，您可以轻松地接受用户输入。<form>标记用于通过添加表单元素来获取用户输入。不同类型的表单元素包括文本输入，单选按钮输入，提交按钮等。

让我们了解如何使用HTML表单中的单选框来获取用户输入。当需要选择多个选项时，将使用复选框。它们也使用HTML <input>标记创建，但是 type属性设置为复选框。

这是属性-

序号
属性和说明
1type
指示输入控件的类型，对于复选框输入控件，它将设置为复选框。
2名称
用于为控件指定名称，该名称将被发送到服务器以进行识别并获取值。
3value
如果选中此复选框，将使用的值
4检查
组对检查，如果你想在默认情况下，将其选中

示例

您可以尝试运行以下代码，以了解如何使用HTML中的复选框按钮-

<!DOCTYPE html>
<html>
   <body>
      <head>
         <title>HTML Checkbox Button</title>
      </head>
      <p>Which languages you work on:</p>
      <form>
         <input type="checkbox" name="language1" value="java">Java
         <br>
         <input type="checkbox" name="language2" value="php">PHP
         <br>
         <input type="checkbox" name="language3" value="cpp">C++
         <br>
      </form>
   </body>
</html>

以上是 我们如何在HTML表单中使用复选框按钮？ 的全部内容， 来源链接： utcz.com/z/345266.html

回到顶部