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

思考停止するな

ネットワークとかアプリケーションとかWebとか

ページを開いたらinput要素に自動でカーソルを持ってくる(オートカーソル)

スポンサーリンク

ページを開いたらinput要素に自動でカーソルを持ってくる(オートカーソル)の指定方法です。

inputにautofocusというのがあるらしくそれを書くだけで自動でカーソルを持ってこれるらしい。

<input autofocus >

一通りHTML5の例を書いてみるとこんな感じ。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>テスト</title>
  </head>
  <body>
     <p>inputのテスト</p>
    <input autofocus type="text" name="test" size="20" maxlength="20">
  </body>
</html>

ページを開くと次のように何もクリックしなくても自動でカーソルが合っている。
f:id:shimonss:20160801211152p:plain