每日收获

这是一个创建项目的JSP页面代码

<%--
  Created by IntelliJ IDEA.
  User: a0742
  Date: 2025/11/6
  Time: 18:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<div class="header">项目立项:</div>
<form action="projectAdd" method="post">

    <div class="form-group">
        <label for="projectId">项目编号:</label>

            <input type="text" id="projectId" name="projectId" placeholder="8位数字(如24100130)" required>
            <span class="tip">前4位年加月,后四位序号</span>

    </div>

    <div class="form-group">
        <label for="projectName">项目名称:</label>

            <input type="text" id="projectName" name="projectName" placeholder="不超过50个汉字" required>
            <span class="tip">限50字</span>

    </div>

    <div class="form-group">
        <label for="projectLocation">项目位置:</label>

            <input type="text" id="projectLocation" name="projectLocation" placeholder="格式:XX省XX市XX区XX" required>
            <span class="tip"></span>

    </div>

    <div class="form-group">
        <label>项目属性:</label>
        <select name="projectProperty" required>
            <option value="道路">道路</option>
            <option value="管廊">管廊</option>
            <option value="住宅">住宅</option>
            <option value="商业">商业</option>
            <option value="共建">共建</option>
            <option value="园林建设">园林建设</option>
            <option value="产业类">产业类</option>
        </select>
    </div>

    <div class="form-group">
        <label for="totalInvestment">项目总投资:</label>

            <input type="number" id="totalInvestment" name="totalInvestment" placeholder="整数金额" required>

    </div>

    <div class="form-group">
        <label for="currentInvestment">截止目前的投资:</label>

            <input type="number" id="currentInvestment" name="currentInvestment" placeholder="整数金额" required>

    </div>

    <div class="form-group">
        <label for="investment2025">2025年度投资金额:</label>
        <input type="number" id="investment2025" name="investment2025" placeholder="整数金额" required min="0">

    </div>

    <div class="form-group">
        <label for="projectContent">项目内容:</label>

            <textarea id="projectContent" name="projectContent" placeholder="限500字" required maxlength="500"></textarea>
            <span class="tip">限500字</span>

    </div>

    <div class="form-group">
        <label for="opendate">开工时间:</label>
        <input type="date" id="opendate" name="opendate"  required>
    </div>

    <div class="form-group">
        <label for="closedate">完工时间:</label>
        <input type="date" id="closedate" name="closedate" required>
    </div>

    <div class="form-group">
        <label for="reportDate">上报日期:</label>
        <input type="date" id="reportDate" name="reportDate" required>
    </div>

    <div class="errMsg">${errMsg}</div>

    <div class="form-group">
        <button type="submit" class="btn-submit">提交</button>
    </div>
</form>
</body>
</html>

收获:页面的设计,首先创建一个最大的容器(表单提交容器)

,然后创建一个小容器,

posted @ 2025-11-06 19:59  鲁国石玉峰  阅读(4)  评论(0)    收藏  举报