Default selected button in html form

Question

I'm making a form for a ticking site and can't figure out how to have a button selected by default.

<form>
  <input type="radio" name="gender" value="general"> General<br>
  <input type="radio" name="gender" value="medium"> Medium<br>
  <input type="radio" name="gender" value="high"> High
</form>

I know it's something simple but I can't seem to figure it out

Answer 1

Just add the checked attribute to the relevant input.

The checked attribute is a boolean attribute.

When present, it specifies that an element should be pre-selected (checked) when the page loads.

<form>
  <input type="radio" name="gender" value="general" checked> General<br>
  <input type="radio" name="gender" value="medium"> Medium<br>
  <input type="radio" name="gender" value="high"> High
</form>

Answer 2

Use the checked attribute.

<form>
  <input type="radio" name="gender" value="general" checked> General<br>
  <input type="radio" name="gender" value="medium"> Medium<br>
  <input type="radio" name="gender" value="high"> High
</form>

Answer 3

You can add a checked attribute into the input tag like so.

<form>
  <input type="radio" name="gender" value="general" checked> General<br>
  <input type="radio" name="gender" value="medium"> Medium<br>
  <input type="radio" name="gender" value="high"> High
</form>

see w3 schools for an example.

Answer 4

Use the "checked" attribute in input where you want to check.

<form>
  <input type="radio" name="gender" value="general" checked> General<br>
  <input type="radio" name="gender" value="medium"> Medium<br>
  <input type="radio" name="gender" value="high"> High
</form>

Answer 5

You can use the Checked attribute of HTML input tag:

<form>
  <input type="radio" name="gender" value="general"> General<br>
  <input type="radio" name="gender" value="medium"> Medium<br>
  <input type="radio" name="gender" value="high" checked> High
</form>

Fiddle