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

html-css014

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>

这个一般通过样式解决，找到定义文章列表的css，然后加个小图标背景就行。

比如html是这样写的：<li>内容内容</li>

css这样写：

li{

background: url("../images/xx.jpg") no-repeat left center

padding-left:10px

}