php新建html文件完成页面布局,再新建一个php 文件处理数据输出。 a.客人姓名不能为空,若为空给出信息提示, b.采购数目必须是数字 , c.联系电话必须为数字且长度为11位, 以上文本框输入的要求使用html5表单标签属性实现, d.信息输入正确,点击“按钮”输出结果
时间: 2024-04-21 15:27:06 浏览: 105
下面是一个示例代码,包含 HTML 页面布局和 PHP 处理数据输出:
```html
<!DOCTYPE html>
<html>
<head>
<title>表单示例</title>
<meta charset="UTF-8">
</head>
<body>
<h1>表单示例</h1>
<form method="post" action="process.php">
<div>
<label for="name">客人姓名:</label>
<input type="text" id="name" name="name" required>
</div>
<div>
<label for="quantity">采购数目:</label>
<input type="number" id="quantity" name="quantity" required>
</div>
<div>
<label for="phone">联系电话:</label>
<input type="tel" id="phone" name="phone" pattern="\d{11}" required>
</div>
<button type="submit">提交</button>
</form>
</body>
</html>
```
在上面的 HTML 代码中,我们使用了 HTML5 的表单标签属性,如 `required`、`type="number"`、`type="tel"`、`pattern="\d{11}"` 等,分别对应了要求客人姓名不能为空、采购数目必须是数字、联系电话必须为11位数字等要求。
接下来是 `process.php` 文件的代码,处理表单数据并输出结果:
```php
<!DOCTYPE html>
<html>
<head>
<title>处理结果</title>
<meta charset="UTF-8">
</head>
<body>
<h1>处理结果</h1>
<?php
// 获取表单数据
$name = $_POST['name'];
$quantity = $_POST['quantity'];
$phone = $_POST['phone'];
// 校验客人姓名
if (empty($name)) {
echo "<p>客人姓名不能为空!</p>";
} else {
// 校验采购数目
if (!is_numeric($quantity)) {
echo "<p>采购数目必须是数字!</p>";
} else {
// 校验联系电话
if (!preg_match('/^\d{11}$/', $phone)) {
echo "<p>联系电话必须为11位数字!</p>";
} else {
// 输出结果
echo "<p>客人姓名:$name</p>";
echo "<p>采购数目:$quantity</p>";
echo "<p>联系电话:$phone</p>";
}
}
}
?>
</body>
</html>
```
在上面的 PHP 代码中,我们首先通过 `$_POST` 获取表单数据,然后依次校验客人姓名、采购数目和联系电话是否符合要求。如果校验通过,就输出结果;否则就输出相应的提示信息。
注意:在实际应用中,我们建议对表单数据进行更加严格的校验,以防止恶意用户提交非法数据。
阅读全文