创建一个用于填写用户资料的表单,要求表单内容包含文本框,单选按钮,复选框、下拉式列表框及文本区域,并在表单提交后通过表格显示所提交的信息
时间: 2023-12-05 10:04:03 浏览: 125
按send按钮后,单选框、复选框的所选内容,在文本域显示。
3星 · 编辑精心推荐
好的,我可以为您提供一个基本的 HTML 表单代码,其中包含文本框、单选按钮、复选框、下拉式列表框和文本区域,并且在提交后将信息显示在表格中。您可以根据自己的需要进行调整和修改。
```html
<!DOCTYPE html>
<html>
<head>
<title>用户资料表单</title>
<meta charset="UTF-8">
</head>
<body>
<h2>用户资料表单</h2>
<form action="submit.php" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="gender">性别:</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label><br><br>
<label for="hobby">爱好:</label>
<input type="checkbox" id="reading" name="hobby[]" value="reading">
<label for="reading">阅读</label>
<input type="checkbox" id="music" name="hobby[]" value="music">
<label for="music">音乐</label>
<input type="checkbox" id="travel" name="hobby[]" value="travel">
<label for="travel">旅游</label><br><br>
<label for="city">所在城市:</label>
<select id="city" name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
<option value="shenzhen">深圳</option>
</select><br><br>
<label for="comment">个人简介:</label>
<textarea id="comment" name="comment" rows="5" cols="50"></textarea><br><br>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
<br><br>
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = $_POST["name"];
$gender = $_POST["gender"];
$hobby = $_POST["hobby"];
$city = $_POST["city"];
$comment = $_POST["comment"];
echo "<table border='1'>";
echo "<tr><td>姓名:</td><td>$name</td></tr>";
echo "<tr><td>性别:</td><td>$gender</td></tr>";
echo "<tr><td>爱好:</td><td>";
foreach ($hobby as $value) {
echo "$value ";
}
echo "</td></tr>";
echo "<tr><td>所在城市:</td><td>$city</td></tr>";
echo "<tr><td>个人简介:</td><td>$comment</td></tr>";
echo "</table>";
}
?>
</body>
</html>
```
注意:这只是一个简单的示例,实际应用中需要考虑更多的细节和安全性问题。
阅读全文