HTML
  • 值屬性

  • <li> 元素的 value 屬性用於設定列表項的值。由於值是一個數字,因此它只會為 HTML 中的 ol 元素設定,即有序列表。

    以下是語法 -

    <li value="num">

    上面,num 是有序列表中列表項的值。 

    現在讓我們看一個示例來實現 <li> 元素的 value 屬性 -

    示例

     例項線上演示

    <!DOCTYPE html>
    <html>
    <body>
    <h1>Subjects</h1>
    <p>Following are the subjects −</p>
    <ol>
       <li>Maths</li>
       <li>Science</li>
       <li>English</li>
       <li>French</li>
    </ol>
    <p>Remaining subjects −</p>
    <ol>
       <li value="5">Coffee</li>
       <li>Accounts</li>
       <li>Programming</li>
       <li>Networking</li>
    </ol>
    </body>
    </html>

    輸出

    在上述示例中,我們設定了兩個無序列表 -

    <p>Following are the subjects −</p>
    <ol>
       <li>Maths</li>
       <li>Science</li>
       <li>English</li>
       <li>French</li>
    </ol>
    <p>Remaining subjects −</p>
    
    <ol>
       <li value="5">Coffee</li>
       <li>Accounts</li>
       <li>Programming</li>
       <li>Networking</li>
    </ol>

    其中一個不是從預設值 1 開始。我們已使用 value 屬性設定了不同的值 -

    <ol>
       <li value="5">Coffee</li>
       <li>Accounts</li>
       <li>Programming</li>
       <li>Networking</li>
    </ol>

    更新於: 30-Jul-2019

    192 次瀏覽

    開啟你的 職業生涯

    透過完成課程來獲得認證

    開始
    廣告
    © . All rights reserved.