プログラマーな日々

I'm a Cloud Architect and Developer, and a trainee of the network engineer training course. I have certified by AWS and Cisco (SAA/SOA/DVA/CCNA). I especially have highly motivated to reduce toils.

select要素 autofocus属性

ページが表示された時に、該当のselect要素にフォーカスすることを指示します。

使用例

<!DOCTYPE html>
<html lang="ja">
<head>
<title>Hello! HTML5</title>
<meta charset="UTF-8">
</head>
<body>
    <form action="./regeister.html" method="post" id="order">
        <p>
            <select autofocus="autofocus">
                <option>りんご</option>
                <option>みかん</option>
                <option>ぶどう</option>
            <select>
        </p>
        <p>
	<button type="submit">送信</button>
        </p>
    </form>
</body>

レンダリング

初期表示