表单提交、fn:contain包含、colspan、锚点定位_action提交表单自身页面定位到锚点位置-CSDN博客

本文详细介绍了HTML表单的使用，包括POST请求的参数传递，条件判断展示元素状态，表格布局技巧以及锚点定位的多种实现方式，是前端开发者不可多得的参考资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<a id="d1">顶页</a>

	<form action="这里写url" method="post">
	 	<p>First name: <input type="text" name="fname" /></p>
	  	<p>Last name: <input type="text" name="lname" /></p>
		<c:if test="${fn:contains(param.interest,'音乐')}">
	    		checked="checked"
	    </c:if>
	  	<input type="submit" value="Submit" />
	</form>

<hr>分割线
<table width="100%" border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td colspan="2">January</td>
  </tr>
  <tr>
    <td colspan="2">February</td>
  </tr>
</table>


 <a href="#d3">点击我到顶页</a><br/>

1.上述是一个表单提交post请求，在后台可以直接拿到参数fname和lname的参数值
2.出现一个<c:if test="${fn:contains(元字符串元组, 查找字符串)}">
就可以找到里面是否包含这个字符串，上面如果找到音乐在param.interest里面，就checked！
3.colspan 属性规定单元格可横跨的列数。如上述分割线下面的代码效果如下：

Month	Savings
January
February

` 4.锚点定位，可以看到收尾两个a标签，这里是锚点定位，点击下面“点击我到顶页”，可以使得页面直接跳转到顶页

注意:在不同页面中，锚点定位在a.html中，从另外一个页面的链接跳转到这个锚点

<a href="a.html#add">跳转到a.add</a>
点击链接触发js事件，同时跳转到锚点，有两种处理方式：
第一种：
<a href="#add" onclick="add()">触发add函数并跳转到add锚点</a>
第二种：
<p id="pNode"><!-- contents --></p><!-- 假设一个需要跳转到的节点 -->
<a href="#" onclick="document.getElemetnById('pNode').scrollIntoView(true);return false;">通过scrollIntoView实现锚点效果</a>

锚点定位这里参考https://blog.csdn.net/m0_38020242/article/details/78233874