Type your most favourite text editor: <input type="text" list="text_editors">
  <datalist id="text_editors">
      <option value="Atom"></option>
      <option value="Brackets"></option>    
      <option value="Notepad ++"></option>
      <option value="Notepad"></option>
      <option value="Sublime Text"></option>
      <option value="TextEdit"></option>
      <option value="TextMate"></option>
      <option value="Wordpad"></option>
  </datalist>
  <p><em>For example;</em> Sublime Text</p>
body,
input {
  font-family: "bookman old style";
  font-size: 12pt;
}

input {
  border: 2px dashed indianred;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.