用html写一个求长方形面积的输入长宽的框，点击按钮后，在jsp中显示面积（两种写法）-CSDN博客

本文链接：https://blog.csdn.net/qq_53325717/article/details/135651944

第一种

这是HTML页

<!DOCTYPE html>
<html>
<head>
    <title>计算长方形面积</title>
</head>
<body>
    <h2>计算长方形面积</h2>
    <form action="calculate.jsp" method="post">
        <label for="length">长度：</label>
        <input type="number" id="length" name="length"><br><br>
        <label for="width">宽度：</label>
        <input type="number" id="width" name="width"><br><br>
        <button type="submit">计算面积</button><br><br>
    </form>
</body>
</html>

这是jsp页

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>计算长方形面积</title>
</head>
<body>
    <%
        // 获取表单提交的长度和宽度
        float length = Float.parseFloat(request.getParameter("length"));
        float width = Float.parseFloat(request.getParameter("width"));

        // 计算面积
        float area = length * width;
    %>

    <h2>计算结果：</h2>
    <p>长度： <%= length %></p>
    <p>宽度： <%= width %></p>
    <p>面积： <%= area %></p>
</body>
</html>

在这里插入图片描述

第二种

HTML页

<!DOCTYPE html>
<html>
<head>
<title>长方形面积计算器</title>
</head>
<body>
    <h2>长方形面积计算器</h2>
    <form action="calculateArea.jsp" method="post">
        <label for="length">长：</label>
        <input type="text" id="length" name="length" required>
        <br><br>
        <label for="width">宽：</label>
        <input type="text" id="width" name="width" required>
        <br><br>
        <input type="submit" value="计算面积">
    </form>
</body>
</html>

JSP页

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>显示面积</title>
</head>
<body>
<%
    // 获取传过来的长和宽
    String lengthStr = request.getParameter("length");
    String widthStr = request.getParameter("width");
    double area = 0;
    
    // 检查lengthStr和widthStr是否不为空
    if(lengthStr != null && widthStr != null && lengthStr.length() > 0 && widthStr.length() > 0) {
        try {
            // 将字符串转换为双精度浮点数
            double length = Double.parseDouble(lengthStr);
            double width = Double.parseDouble(widthStr);
            
            // 计算面积
            area = length * width;
        } catch(NumberFormatException nfe) {
            // 如果转换失败，则在页面上打印错误信息
            out.println("<p>请输入有效的数字。</p>");
        }
    }
%>
    <h2>长方形面积结果</h2>
    <p>面积为：<%= area %></p>
    <a href="rectangle.html">重新计算</a>
</body>
</html>

在这里插入图片描述

本人测试用的是jdk1.6+tomcat6.0+myeclipse10