html页面设置一个漂亮的表单,填写完毕后提交可显示所填写的信息。
时间: 2023-07-14 14:14:25 浏览: 62
首先,你需要创建一个HTML表单,可以使用form元素和相关的表单控件(如input,select等)来实现,例如:
```
<form action="submit.php" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br><br>
<label for="gender">性别:</label>
<select id="gender" name="gender">
<option value="male">男</option>
<option value="female">女</option>
</select><br><br>
<label for="message">留言:</label>
<textarea id="message" name="message" rows="4" cols="50"></textarea><br><br>
<input type="submit" value="提交">
</form>
```
这个表单包括了姓名、邮箱、性别和留言四个字段,其中姓名和邮箱使用了文本框,性别使用了下拉框,留言使用了多行文本框,并且在最后添加了一个提交按钮。
接下来,你需要在服务器端处理这个表单的提交,可以使用PHP等后端语言来实现。在服务器端,你可以获取表单中提交的数据,并进行相应的处理,例如:
```
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$name = $_POST['name'];
$email = $_POST['email'];
$gender = $_POST['gender'];
$message = $_POST['message'];
// 进行相应的处理,例如将数据写入数据库
// ...
// 显示提交的结果
echo "您提交的信息如下:<br>";
echo "姓名:$name<br>";
echo "邮箱:$email<br>";
echo "性别:$gender<br>";
echo "留言:$message<br>";
}
?>
```
在这个例子中,我们首先判断请求的方法是否为POST方法(因为我们设置了form元素的method属性为post),如果是POST方法,则获取表单中提交的姓名、邮箱、性别和留言信息,并进行相应的处理(例如将数据写入数据库),最后将提交的结果显示出来。
注意:在实际开发中,需要对表单中提交的数据进行一些处理和验证,以确保数据的正确性和安全性。