<label><input type="radio" name="radio" value="ラジオボタン１" checked>ラジオボタン１</label>
<label><input type="radio" name="radio" value="ラジオボタン2">ラジオボタン2</label>
<label><input type="radio" name="radio" value="ラジオボタン3">ラジオボタン3</label>
<label><input type="radio" name="radio" value="ラジオボタン4">ラジオボタン4</label>
<select name="select">
  <option value="">選択してください</option>
  <option value="セレクトボックス１">セレクトボックス１</option>
  <option value="セレクトボックス２">セレクトボックス２</option>
  <option value="セレクトボックス３">セレクトボックス３</option>
</select>
<label><input type="checkbox" name="checkbox" value="チェックボックス１">チェックボックス１</label>
<label><input type="checkbox" name="checkbox" value="チェックボックス2">チェックボックス2</label>
<label><input type="checkbox" name="checkbox" value="チェックボックス3">チェックボックス3</label>
label,
select {
  display: block;
  margin-bottom: 10px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.