Untitled

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>

<head>
    <meta charset="ISO-8859-1">
    <title>Welcome!</title>
</head>
<style>
    body {
        font-family: Arial, Helvetica, sans-serif;
        }
    form {
        border: 3px solid #f1f1f1;
        padding: 16px;
    }

    input[type=number], select {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }

    input[type=submit] {
        background-color: #4CAF50;
        color: white;
        padding: 14px 20px;
        margin: 8px 0;
        border: none;
        cursor: pointer;
        width: 100%;
    }
</style>
<body>
    <form action="output.jsp">
        <label for="shapes">Choose a shape to calculate:</label>
        <select name="shape" id="shape">
            <option value="circle">Circle</option>
            <option value="triangle">Triangle</option>
            <option value="rectangle">Rectangle</option>
            <option value="square">Square</option>
        </select>
        <br>
        <br>
        *If you choose circle please fill up radius only*<br>
        *Strictly Integer input only*
        <br>
        <br>
        Base/Width/Radius/Side:<input type="number" name="value1" /><br />
        <br>
        Height/Length:<input type="number" name="value2" /><br />
        <input type="submit" value="submit" />
    </form>
</body>

</html>