how the radio button assign the pose in html code example

Example 1: radio buttons

<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label>

Example 2: radio input value

<input type="radio" name="test" id="test" value="this is the value">