HTMLリスト属性
HTMLリスト属性は、HTMLドキュメントの要素の事前定義されたオプションを含む
構文
以下は構文です-
<input list=”text”>
HTMLリスト属性の例を見てみましょう:
例
<!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); text-align: center; } input { display: block; width: 60%; margin: 1rem auto; } </style> <body> <h1>HTML list Attribute Demo</h1> <input list="subject" placeholder='Select your elective subject'> <datalist id='subject'> <option>Maths</option> <option>Physics</option> <option>Economics</option> </datalist> </body> </html>
出力
-
HTMLID属性
HTML id属性は、要素に一意の識別子を割り当てて、CSSとJavaScriptを適用するためにその要素を選択するために使用されます。 1つのHTMLページで2つの要素が同じIDを持つことはできません。 IDはオクトソープ(#)で始まります。 注 − HTML5以降、数字で始まるIDを指定できます。 id属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <head> <title>MouseEvent clientX</title> <style> * { &nb
-
HTMLmaxlength属性
HTML maxlength属性は、HTMLドキュメントの入力HTML要素で許可される最大文字数を定義します。 構文 以下は構文です- <input maxlength=”text”> HTMLmaxlength属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh;