HTML li value 属性

<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>

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/