How to make html radio button selected by default? Example of radio button usage of input tag

This article mainly introduces to you how to use the radio button of the HTML input tag, and how to use the default radio button of the HTML input tag. Next, let’s take a look at this article

First of all, we introduce the practice of radio buttons in the html input tag:

Tags are used to collect user information. Input fields have many forms based on different type attribute values. Input fields can be text fields, checkboxes, masked text controls, radio buttons, buttons, etc.

Without further ado, here’s a code example:

<form action="form_action.asp" method="get">
<input type="radio" name="radio" value="1">单选1
<input type="radio" name="radio" value="2">单选2
<input type="radio" name="radio" value="3">单选3
<input type="radio" name="radio" value="4">单选4
</form>

The effect of this is easy to see, let’s take a look at the display effect in the browser first:

This effect can be seen at a glance, it is a very simple code

There is another kind that is often seen on many websites, such as: Single Selecting gender is basically done using this kind of radio button. The code is as follows:

The radio button in HTML implements male and female gender selection, so that both men and women can choose. The implementation method: write a name attribute in the attribute of the button, and set the value of name The same

<input id="man" type="radio" checked="checked" name="1" />男
<input id="woman" type="radio"  name="1"/>女

I won’t give a picture for this one, it’s simpler than the one above, just two radio button boxes, which we often encounter.

Now let’s talk about how to select the HTML radio button button by default:

First of all, let’s take out the first instance and continue. We only need to add an attribute to it, as follows:

<form action="form_action.asp" method="get">
<input type="radio" name="radio" value="1">单选1
<input type="radio" name="radio" value="2" checked>单选2
<input type="radio" name="radio" value="3">单选3
<input type="radio" name="radio" value="4">单选4
</form>

The effect is still very obvious, look at the rendering:

I didn’t make any clicks on this, it appeared on it myself, and it can still be seen after refreshing See above Radio 2.

We can see that the radio button is selected by default. You can try it yourself and type more code.

Okay, that’s it for this article about using html input tags as radio buttons. If you have any questions, you can ask them below.

【Editor’s Recommendation】

What is the code for adding images in HTML? How to add image path correctly in html?

#html How to set the font size of the font tag? Introduction to the usage of html font tag attribute

The above is the detailed content of How to make html radio button selected by default? Example of radio button usage of input tag. For more information, please follow other related articles on the PHP Chinese website!