html怎么做新闻列表的自动序号?

html怎么做新闻列表的自动序号?,第1张

实现思路,先从集合中取出新闻条数,然后写foreach循环把下表当做序号依次输出即可。

实现的参考代码如下:

<form name="f1" method="post" action="">

<c:forEach items="${list}" varStatus="state" var="dto">

<input type="text" id="ntcode" name="ntcode" value="<c:out value="${dto.ntcode}">序号:</c:out>"/>

<label class="control-label" for="exampleInputPassword1">标题:</label>

<c:out value="${dto.nttitle}"></c:out>

<label class="control-label" for="exampleInputPassword1">正文:</label>

<c:out value="${dto.nttext}"></c:out>

<label class="control-label" for="exampleInputPassword1">发布人:</label>

<c:out value="${dto.agentcode}"></c:out>

<label class="control-label" for="exampleInputPassword1">发布时间:</label>

<c:out value="${dto.ntdate}"></c:out>

<input type="button" class="btn btn-block btn-red" id="del" name="del" value="删除此公告通知"

onclick="deletegg()"/>

</c:forEach>

</form>

可以用OL有序列表写,代码帮你写好,已经测试通过:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312" />

<title>有序列表</title>

<style type="text/css">

<!--

body {

margin: 0

padding: 0

}

ol {

width: 20px

padding: 10px

margin: 0

line-height: 18px

background-color: #ddd

list-style: none

border-right: 3px solid #0f0

}

-->

</style>

</head>

<body>

<ol>

<li>01.</li>

<li>02.</li>

<li>03.</li>

<li>04.</li>

<li>05.</li>

</ol>

</body>

</html>

#数字,start的值表示从多少开始。

<ol type="1" start="1">

<li>中华人民共和国!</li>

<li>中华人民共和国! </li>

<li>中华人民共和国! </li>

</ol>

#实心圆

<ul type="disc">

<li>中华人民共和国! </li>

<li>中华人民共和国! </li>

<li>中华人民共和国! </li>

</ul>

#空心圆

<ul type="circle">

<li>中华人民共和国! </li>

<li>中华人民共和国! </li>

<li>中华人民共和国! </li>

</ul>

#方块

<ul type="square">

<li>中华人民共和国! </li>

<li>中华人民共和国! </li>

<li>中华人民共和国! </li>

</ul>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6154130.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存