(二)、制作一个用户注册页面。表单是实现网站互动功能的重要组成部分,主要用于收集客户端提交的信息,并且将用户提交的信息显示打印输出。制作用户注册页面。创建一个表单,创建表单内容有:用户名(文本框name属性值:自己的姓名拼名首字母)、密码(密码框name属性值为:自己的学号)、照片(格式为.jpg)、爱好(读书、下棋、绘图)。通过POST()方法将各元素值提交到服务器,再通过$_POST[]预定义变量来获取提交的值。
时间: 2024-02-25 21:56:33 浏览: 22
好的,以下是制作用户注册页面的HTML代码和PHP代码:
```html
<form action="register.php" method="post" enctype="multipart/form-data">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<label for="photo">照片:</label>
<input type="file" id="photo" name="photo"><br><br>
<label for="hobby">爱好:</label>
<input type="checkbox" id="reading" name="hobby[]" value="reading">
<label for="reading">读书</label>
<input type="checkbox" id="chess" name="hobby[]" value="chess">
<label for="chess">下棋</label>
<input type="checkbox" id="drawing" name="hobby[]" value="drawing">
<label for="drawing">绘图</label><br><br>
<input type="submit" value="提交">
</form>
```
```php
<?php
$username = $_POST["username"];
$password = $_POST["password"];
$photo = $_FILES["photo"]["name"];
$hobby = $_POST["hobby"];
echo "用户名:" . $username . "<br>";
echo "密码:" . $password . "<br>";
echo "照片:" . $photo . "<br>";
echo "爱好:";
foreach ($hobby as $h) {
echo $h . " ";
}
?>
```
解释一下代码的逻辑:
1. HTML代码中创建了一个表单,里面包含用户名、密码、照片和爱好四个元素。
2. 在表单中,我们使用了enctype="multipart/form-data"属性,表示表单中包含二进制数据(如文件)。
3. 在PHP代码中,我们通过$_POST[]预定义变量获取了表单中提交的username和password的值。
4. 我们还通过$_FILES[]预定义变量获取了上传的照片文件名。
5. 最后,我们通过foreach循环输出了爱好的值,并将所有表单中的值打印输出。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)