<li>〜</li>
li(リスト・アイテム)要素はol要素やul要素に内包することでリストの項目を表します。
li要素がol要素の子要素として使用される場合のみ、value属性によってリストマーカーに表示する数字を指定することができる。指定できる値は、算用数字による整数のみ。
li要素で使用できる属性
グローバル属性
すべてのHTML要素で使用できる属性になります。
value属性
入力コントロールの初期値を指定する。
value属性は ol要素の子要素として li要素が使用される場合のみ使用できる。
input要素におけるvalue属性
value属性はフォームの入力コントロールにおける初期値を指定します。フォームが送信される際、input要素のtype属性値が、hiddenの場合や、textなどが指定され、閲覧者が値を入力できるコントロールの場合でもreadonly属性が指定されている場合は、この値がそのまま送信される。
閲覧者が初期値を変更した場合は、変更後の値がフォーム送信時に送られる。
input要素のtype属性値がcheck、またはradioの場合、選択された要素に指定された、この属性値の値が送信されます。指定されていない場合は、空の値が送信される。
option要素などでは、value属性が指定されない場合、option要素の内容となるテキストが値として送信されますが、option要素の内容と、実際に送信する値を違う値にしたい場合は、value属性によって指定することができる。
input type=”submit”、input type=”reset”、button要素などでは、value属性値が、ボタンのラベルとして利用される。
古い仕様のHTMLでは、input type=”text” の value属性値に、入力例などを入れて、プレースホルダとして利用する場合がありましたが、HTML Living Standard仕様では、placeholder属性が追加されたため、このような用途には placeholder属性が利用できる。
li要素におけるvalue属性
li要素がol要素の子要素として使用される場合のみ、value属性によってリストマーカーに表示する数字を指定することができる。指定できる値は、算用数字 (1, 2 …など) による整数が指定できる。
progress要素におけるvalue属性
progress要素におけるvalue属性は、現時点での進捗状況を数値で指定する。指定できる数値は浮動小数点数ですが、0以上、max 属性値以下である必要がある。value属性を持たない progress要素は、「不定」、つまり「タスクは処理中だが、進捗状況が不明で完了までが予想できない状態」となる。
meter要素におけるvalue属性
meter要素におけるvalue属性は、現在の数値を指定する。指定できる数値は浮動小数点数ですが、max属性値以下、min 属性値以上で指定する。
data要素におけるvalue属性
data要素において、value属性は必須で、その値はマシンリーダブル (プログラムなどによって読み取り可能な) な形式でなければならない。
使用例
<nav role="navigation">
<ul>
<li><a href="/">トップページ</a></li>
<li><a href="/news/">ニュース</a></li>
<li><a>スタッフ紹介</a></li>
<li><a href="/privacy-policy/" target="_blank">個人情報保護方針</a></li>
</ul>
</nav>
表示