BETA

autofocusに関してイメージがつかなかったのでGif撮ってみた

投稿日:2018-11-16
最終更新:2018-11-16

HTML5のフォームの新機能。
autofocus属性:ページ読み込み時にフォーカスを当てる。
イメージがつかなかったから、使ってみた。

= form_for(@user) do |f|
  = f.label :first_name
  = f.text_field :first_name, autofocus: true
  = f.label :last_name
  = f.text_field :last_name
  = f.submit "新規作成"

わかりずらいが 笑
ページをリロードすると、このように自動で入力待機中になる。

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@sugamaan'の技術ブログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう
目次をみる
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
or 外部アカウントではじめる
10秒で技術ブログが作れます!