HTML表单与页面元素示例-CSDN博客

本文链接：https://blog.csdn.net/bingliang514csdn/article/details/127973696

（1），常用标签简单汇总

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <%
        String contextPath = request.getContextPath();
    %>
    <title>test</title>
    <script language="javascript" src="<%=contextPath%>/js/base/jquery/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
    </script>
</head>
<body>

    <!--表单元素-->
    <form action="<%=contextPath %>/pub/saveStudent" method="post" id="formIdStudent">

        复选框：<input type="checkbox" value="1" name="chSel" /> 数学
        下拉框：<select id="selCity" onchange="changeSelect()">
                    <option value="1">北京</option>
                    <option value="2">上海</option>
                </select>
        单选按钮组：<input type="radio" value="1" name="radioGroup" />
                    <input type="radio" value="2" name="radioGroup" />
        普通按钮：<input type="button" value="按钮" />
        提交按钮：<input type="submit" value="提交按钮" />
        文本框：<input type="text" value="" />
        文本域：<textarea name="na" value="" rows=""cols="" style="height:100px;width:80;%"></textarea>
        隐藏域：<input type="hidden" value="1" />
        上传文件：<input type="file" name="uploadfile">
        框架元素：<iframe src="/pub/log.jsp" frameborder="1"></iframe>
        块级图层：<div>d1</div>
        行内图层：<span>s1</span>
        标签：<label></label>
        链接：<a href="www.baidu"></a>
        字体：<font></font>
        表格：<table><tr><td>单元格内容</td></tr></table>
        图：<img src="/pub/log.png" alt=""/>
        粗体：<b></b>
        列表：<ul><li>1</li></ul>

    </form>

</body>
</html>

html常用标签简单汇总