<form>
  <style>
    li { list-style: none; }
  </style>
  <ul>
    <li><input type="text"></li>
    <li><input type="password"></li>
    <li>
      <label><input type="radio" name="color" id="yellow">노란색</label>
      <label><input type="radio" name="color" id="blue">파란색</label>
      <label><input type="radio" id="purple">보라색</label>
    </li>
    <li>
      <label><input type="checkbox" name="color" id="yellow">노란색</label>
      <label><input type="checkbox" name="color" id="blue">파란색</label>
      <label><input type="checkbox" name="color" id="purple" checked>보라색</label>
    </li>
    <li><input type="button" value="버튼"></li>
    <li><input type="submit" value="제출 버튼"></li>
    <li><button>버튼</button></li>
  </ul>
</form>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.