読者です 読者をやめる 読者になる 読者になる

HTML5のinput要素のlist属性とautocomplete属性

[programming]
スポンサーリンク

なんか、一緒に使うような説明しているサイトを良く見かけますが、単に決められた補完候補を出すだけならば、list属性とdatalist使うだけなんじゃないのかなと。

<label for="browser">ブラウザ</label><input type="text" list="browsers" name="browser" id="browser"/>
<datalist id="browsers">
  <option value="IE" />
  <option value="Firefox" />
  <option value="Opera" />
  <option value="Chrome" />
  <option value="Safari" />
</datalist>

autocomplete属性は、ブラウザ側での入力履歴を出すか出さないかを制御するもので、履歴を出したくないときにoffを指定するような使い方しかしないような気がします。(ちなみにautocomplete属性はIE5からあるような属性)