用html写一个求长方形面积的输入长宽的框,点击按钮后,在jsp中显示面积(两种写法)

第一种

这是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" %>



    计算长方形面积


    <%
        // 获取表单提交的长度和宽度
        float length = Float.parseFloat(request.getParameter("length"));
        float width = Float.parseFloat(request.getParameter("width"));

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

    

计算结果:

长度: <%= length %>

宽度: <%= width %>

面积: <%= area %>

用html写一个求长方形面积的输入长宽的框,点击按钮后,在jsp中显示面积(两种写法)_第1张图片
用html写一个求长方形面积的输入长宽的框,点击按钮后,在jsp中显示面积(两种写法)_第2张图片

第二种

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" %>


    显示面积


<%
    // 获取传过来的长和宽
    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("

请输入有效的数字。

"); } } %>

长方形面积结果

面积为:<%= area %>

重新计算

用html写一个求长方形面积的输入长宽的框,点击按钮后,在jsp中显示面积(两种写法)_第3张图片
用html写一个求长方形面积的输入长宽的框,点击按钮后,在jsp中显示面积(两种写法)_第4张图片
本人测试用的是jdk1.6+tomcat6.0+myeclipse10

你可能感兴趣的:(java,java,html,前端)