How do we use checkbox buttons in HTML forms?

HTMLWeb DevelopmentFront End Technology

Using HTML forms, you can easily take user input. The <form> tag is used to get user input, by adding the form elements. Different types of form elements include text input, radio button input, submit button, etc.

Let’s learn about how to use radio checkbox in HTML forms to get user input. Checkboxes are used when more than one option is required to be selected. They are also created using HTML <input> tag but type attribute is set to a checkbox.

Here are the attributes −

Sr.No
Attribute & Description
1
type
Indicates the type of input control and for checkbox input control it will be set to a checkbox.
2
name
Used to give a name to the control which is sent to the server to be recognized and get the value.
3
value
The value that will be used if the checkbox is selected
4
checked
Set to checked if you want to select it by default

Example

You can try to run the following code to learn how to work with checkbox buttons in HTML  −

Live Demo

<!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>
raja
Published on 07-Feb-2018 11:46:25
Advertisements