options.html

<!doctype html>
<html>
  <head>
    <title>MorseFire Settings</title>
    <link href="options.css" rel="stylesheet" />
  </head>
  <body>
    <label for="wpm">WPM:</label>
    <input type="number" min="1" id="wpm" />

    <label for="wpm">Freq:</label>
    <input type="number" min="0" id="freq" />

    <label for="wpm">Effective:</label>
    <input type="number" min="0" id="eff" />

    <label for="ews">EWS:</label>
    <input type="number" step="0.01" min="0" id="ews" />

    <label for="ews">Volume</label>
    <input type="number" step="0.05" max="1" min="0" id="playvolume" />

    <details>
      <summary>Experimental</summary>
      <input type="checkbox" id="onHighlight" />
      <label for="onHighlight">Play on highlight</label>
    </details>

    <button id="save">Save</button>

    <script src="options.js"></script>
  </body>
</html>