當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML <li> value屬性用法及代碼示例


HTML中的<li>值屬性用於指定列表項的初始值。它僅適用於排序清單。

用法:

<li value="number">list items </li>

屬性值:此屬性包含單個值編號,該編號用於指定列表項的值。


範例1:本示例使用<li>值屬性創建項目列表。

<!DOCTYPE html> 
<html> 
    <head> 
        <title> 
            HTML list item value Attribute 
        </title> 
    </head> 
      
    <body> 
        <center> 
            <h1 style = "color:green;"> 
                GeeksforGeeks 
            </h1> 
              
            <h2> 
                HTML list item value Attribute 
            </h2> 
              
            <p>Sorting Algorithms</p> 
        </center> 
          
        <ol style="margin-left:42%"> 
            <li value="50">Merge sort</li> 
            <li>Quick sort</li> 
            <li>Insertion sort</li> 
        </ol> 
          
    </body> 
</html>                    

輸出:
listvalue

範例2:本示例使用<li>值屬性創建項目列表。

<!DOCTYPE html> 
<html> 
    <head> 
        <title> 
            HTML li value Attribute 
        </title> 
    </head> 
      
    <body> 
        <h1 style = "color:green;"> 
            GeeksforGeeks 
        </h1> 
          
        <h2> 
            HTML li value Attribute 
        </h2> 
          
        <p>Sorting Algorithms</p> 
          
        <ol type = "A"> 
            <li value="6">Merge sort</li> 
            <li>Quick sort</li> 
            <li>Insertion sort</li> 
        </ol> 
    </body> 
</html>                    

輸出:
listvalue

支持的瀏覽器:<li> value屬性支持的瀏覽器如下:

  • 蘋果Safari
  • 穀歌瀏覽器
  • Firefox
  • Opera
  • IE瀏覽器


相關用法


注:本文由純淨天空篩選整理自Vishal Chaudhary 2大神的英文原創作品 HTML | <li> value Attribute。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。