autofocus属性

このエントリーをはてなブックマークに追加

autofocus属性を指定することでページロード時に自動でフォーカスが当たるようになりユーザーが手動でフォーカスを当てる必要がなくなります。

input要素

input要素ではフォームパーツにフォーカスが当たります。

<input type="text" autofocus>

button要素

button要素ではボタンにフォーカスが当たります。

<button autofocus>送信</button>

select要素

select要素ではセレクトボックスにフォーカスが当たります。

<select autofocus>
	<option value="1"> Miner </option>
	<option value="2"> Puffer </option>
	<option value="3" selected> Snipey </option>
	<option value="4"> Max </option>
	<option value="5"> Firebot </option>
</select>

textarea要素

textarea要素では入力ボックスにフォーカスが当たります。

<textarea autofocus></textarea>

keygen要素

keygen要素ではautofocus属性を指定することでページロード時に自動でフォーカスが当たるようになります。

<keygen autofocus>

登録日 : 2015年01月05日 最終更新日 : 2015年2月1日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス