Checkbox and Radio
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css ">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Check Box And Radio</title>
</head>
<body>
<!-- CHECK BOX -->
<form class="mb-3">
<div class="mb-3 form-check">
<input type="checkbox" id="checkbs" class="form-check-input">
<label class="form-label" for="checkbs">Agree</label>
</div>
<!-- RADIO BUTTON -->
<div class="mb-3 form-check">
<input type="radio" id="radiobs" class="form-check-input">
<label class="form-label" for="radiobs">select</label>
</div>
<!--SWITCH -->
<div class=" form-check form-switch">
<input type="checkbox" class="form-check-input" id="switch">
<label class="form-label" for="switch">switch</label>
</div>
</form>
</body>
</html>
Comments
Post a Comment