Form Overview
Form Overview
<form>
<div class="mb-25">
<label for="exampleInputEmail1" class="form-label mb-10 fs-14 text-dark fw-semibold">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
<div id="emailHelp" class="form-text fs-13">We'll never share your email with anyone else.</div>
</div>
<div class="mb-25">
<label for="exampleInputPassword1" class="form-label mb-10 fs-14 text-dark fw-semibold">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</div>
<div class="mb-25 form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label mb-10 fs-14 text-dark fw-semibold ms-2" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
Disabled Form
<form>
<fieldset disabled>
<legend class="fs-16 mb-10">Disabled fieldset example</legend>
<div class="mb-25">
<label for="disabledTextInput" class="form-label mb-10 fs-14 text-dark fw-semibold">Disabled input</label>
<input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
</div>
<div class="mb-25">
<label for="disabledSelect" class="form-label mb-10 fs-14 text-dark fw-semibold">Disabled select menu</label>
<select id="disabledSelect" class="form-select">
<option>Disabled select</option>
</select>
</div>
<div class="mb-25">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="disabledFieldsetCheck" disabled>
<label class="form-check-label mb-10 fs-14 text-dark fw-semibold ms-2" for="disabledFieldsetCheck">
Can't check this
</label>
</div>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</fieldset>
</form>