HTML
HTMLの
以下は構文です-
<select autofocus>
のオートフォーカス属性を実装する例を見てみましょう。
例
<!DOCTYPE html> <html> <body> <h1>Profile</h1> <h2>Educational Qualification</h2> <section> <h3>Graduation</h3> <select autofocus> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section> <section> <h3>Postgraduation</h3> <select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section> <section> <p>Worked at ABC Corporation from July 2015 - May 2019 as a Technical Manager.</p> </section> </body> </html>
出力
上記の例では、異なるセクションの下に2つのドロップダウンリストがあります-
<section> <h3>Graduation</h3> <select autofocus> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section> <section> <h3>Postgraduation</h3> <select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section>
ページの読み込み時に、以下に示すように、autofocus属性を使用してドロップダウンリストの1つにオートフォーカスを設定しています-
<select autofocus> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select>
-
HTMLサイズ属性
HTMLサイズ属性は、選択で表示されるオプション/文字の数を表します および入力 HTML要素。 構文 以下は構文です- <tagname size=”number”></tagname> HTMLサイズ属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; &nb
-
HTMLオプション値属性
HTMLオプション値属性は、フォームがHTMLドキュメントで送信されたときにサーバーに送信されるオプションHTML要素の値を定義します。 構文 以下は構文です- <option value=”text”></option> HTMLオプション値の属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100