HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

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>

出力

HTMLリスト属性


  1. HTMLID属性

    HTML id属性は、要素に一意の識別子を割り当てて、CSSとJavaScriptを適用するためにその要素を選択するために使用されます。 1つのHTMLページで2つの要素が同じIDを持つことはできません。 IDはオクトソープ(#)で始まります。 注 − HTML5以降、数字で始まるIDを指定できます。 id属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <head> <title>MouseEvent clientX</title> <style>    * { &nb

  2. HTMLmaxlength属性

    HTML maxlength属性は、HTMLドキュメントの入力HTML要素で許可される最大文字数を定義します。 構文 以下は構文です- <input maxlength=”text”> HTMLmaxlength属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;