1
0
mirror of https://github.com/jdan/98.css.git synced 2026-05-05 06:01:22 +09:00

radio buttons

This commit is contained in:
Jordan Scales
2020-04-17 14:36:38 -04:00
parent b464479c37
commit 38e958620b
6 changed files with 87 additions and 2 deletions

View File

@@ -33,15 +33,20 @@
<fieldset>
<legend>I think it's</legend>
<div class="field-row">
<input id="cool" type="radio" name="answer" value="cool">
<input id="cool" type="radio" value="cool" name="answer">
<label for="cool">Cool</label>
</div>
<div class="field-row">
<input id="meh" type="radio" name="answer" value="meh">
<input id="meh" type="radio" value="meh" name="answer">
<label for="meh">Meh</label>
</div>
<div class="field-row">
<input checked disabled id="idk" type="radio" value="idk" name="answer">
<label for="idk">Idk</label>
</div>
<div class="field-row-stacked">
<label for="reason">Reason:</label>
<select>
@@ -53,6 +58,26 @@
</div>
</fieldset>
<fieldset>
<legend>Checkboxes</legend>
<div class="field-row">
<input checked id="option1" type="checkbox">
<label for="option1">Option 1</label>
</div>
<div class="field-row">
<input id="option2" type="checkbox">
<label for="option2">Option 2</label>
</div>
<div class="field-row">
<input checked disabled id="option2" type="checkbox">
<label for="option2">Option 2</label>
</div>
<div class="field-row">
<input disabled id="option2" type="checkbox">
<label for="option2">Option 2</label>
</div>
</fieldset>
<section class="align-right">
<button>OK</button>
<button>Cancel</button>