HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Radio and checkbox</title>

  <style>

    fieldset { border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; max-width: 320px; }

    legend { font-weight: 600; padding: 0 4px; }

    label { margin-right: 16px; }

  </style>

</head>

<body>

  <form>

    <fieldset>

      <legend>Gender</legend>

      <input type="radio" id="male" name="gender" value="male">

      <label for="male">Male</label>

      <input type="radio" id="female" name="gender" value="female">

      <label for="female">Female</label>

    </fieldset>



    <p>

      <input type="checkbox" id="subscribe" name="subscribe" value="newsletter">

      <label for="subscribe">Subscribe to newsletter</label>

    </p>

  </form>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Inputs — Radio and Checkbox