做一个页面给出矩形的长和宽,通过include动作标记动态插入另一个页面计算矩形的面积,最后输出矩形的长、宽和面积。web
时间: 2024-10-12 19:10:23 浏览: 13
连通区域内目标的最小外接矩形及其长、宽.
5星 · 资源好评率100%
要做这样一个Web页面,你可以使用HTML结合服务器端语言如PHP、Python(Flask/Django)、JavaScript(Node.js + Express)或ASP.NET等来实现。这里我会提供一个简单的PHP示例:
**步骤1**: 创建包含表单的主页面(index.html)
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<title>矩形面积计算器</title>
</head>
<body>
<form method="post" action="calculate_area.php">
<label for="length">矩形长度:</label>
<input type="number" id="length" name="length"><br>
<label for="width">矩形宽度:</label>
<input type="number" id="width" name="width"><br>
<input type="submit" value="计算面积">
</form>
</body>
</html>
```
**步骤2**: 创建计算面积的处理页面(calculate_area.php)
```php
<?php
if ($_SERVER["REQUEST_METHOD"] === "POST") {
$length = $_POST['length'];
$width = $_POST['width'];
// 计算面积
$area = $length * $width;
echo "<h2>结果:</h2>";
echo "矩形长度: $length<br>";
echo "矩形宽度: $width<br>";
echo "矩形面积: $area";
}
?>
```
在这个例子中,用户在`index.html`页面输入矩形的长和宽,然后点击提交按钮。表单数据会被发送到`calculate_area.php`,在那里,我们通过$_POST获取数据并计算面积,最后将结果输出。
阅读全文