PHP表单。上传文件

最新推荐文章于 2024-07-10 08:20:27 发布

BAOSHUAI_

最新推荐文章于 2024-07-10 08:20:27 发布

阅读量222

点赞数

文章标签： php html html5

本文链接：https://blog.csdn.net/BAOSHUAI_/article/details/120518848

版权

这篇博客展示了如何使用HTML创建用户注册表单，包括用户名、密码、邮箱、性别、爱好、专业和课程选择等字段，并通过PHP进行数据验证和处理。此外，还涵盖了文件上传功能，用户可以选择文件并上传到服务器。示例代码详细解释了表单数据的接收和文件上传的实现过程。

摘要由CSDN通过智能技术生成

表单代码

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>用户注册</title>
</head>
<body>
<h2>用户注册</h2>
<div class="register">
<form action="check.php" method="post">
	<fieldset>
		<legend>必填字段</legend>
	<div>
		<label for="username">用户：</label>
		<input id="username" type="text"
		placeholder="用户名不少于6个字符" 
		 name="username"  autofocus required>
	</div>

	<div>
		<label for="pwd">密码：</label>
		<input id="pwd" type="password"
		placeholder="密码不少于3个字符" 
		 name="pwd"  required >
	</div>

	<div>
		<label for="email">邮箱：</label>
		<input id="email" type="email"
		placeholder="请输入正确的邮箱格式" 
		 name="email"  required >
	</div>

	</fieldset>
	<div>
		<label for="sct">性别：</label>
		<input id="male" type="radio" name="gender" value="男">
		<label for="sct" >男</label>
		<input id="female" type="radio" name="gender" value="女">
		<label for="sct" >女</label>
		<input id="sct" type="radio" name="gender" value="保密">
		<label for="male" >保密</label>
	</div>

	<div>
		<label for="sct">爱好：</label>
		<input id="basketball" type="checkbox" name="hobby[]" value="篮球">
		<label for="basketball">篮球</label>
		<input id="football" type="checkbox" name="hobby[]" value="足球">
		<label for="football">足球</label>
		<input id="vallyball" type="checkbox" name="hobby[]" value="排球">
		<label for="vallyball">排球</label>
	</div>

	<div>
		<label>专业：</label>	
		<select name="dept" id="">
			<option value="0">请选择专业</option>
			<option value="1">软件</option>
			<option value="2">云计算</option>
			<option value="3">大数据</option>
		</select>
	</div>

	<div>
		<label>课程：</label>
		<select name="course[]" id="" multiple="multiple">
			<option value="01">php</option>
			<option value="02">java</option>
			<option value="03">js</option>
			<option value="04">node</option>
		</select>
	</div>
	<div>
		<label>简历：</label>
		<textarea name="introduce" id="" cols="30" rows="10"></textarea>
	</div>
	<button>注册</button>	
</div>

</form>
<style type="text/css">
	.register{
		width: 400px;
		height: 500px;
		background-color: #5aa;
		padding: 10px;
		margin: 0 auto;

	}
	body h2{
		text-align: center;
	}
</style>
</body>
</html>

请添加图片描述

php代码

<?php 
phpinfo();

$username=$_POST['username']??"";
var_dump($username);
$pwd=$_POST['pwd'];
var_dump($pwd);
echo "$pwd";
echo "<br>";



$email=$_REQUEST['email'];
echo "邮箱: email";
echo "<br>";

$gender=$_POST['gender'];
echo "性别：$gender";
echo "<br>";

$hobby=$_POST['hobby'];


var_dump($hobby);


$dept=$_POST['dept'];
echo "专业代码：$dept";
$course=$_POST['course'];
var_dump($course);

$introduce=$_POST['introduce'];
echo $introduce;
echo "<hr>";
$y=$_REQUEST['y'];
echo "$y";





 ?>

请添加图片描述

上传文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>上传文件</title>
</head>
<body>
<div class="upload" id="upload">
	<form action="upload.php" method="post" enctype="multiple/form-data">
		<input type="file" name="file">
		<button>上传</button>
	</form>
</div>
</body>
</html>

请添加图片描述

php代码

<?php 

$file = $_FILES['file'];

$imgfile="";
if($file['error']==0){
	$imgfile= "img/".$file['name'];
	move_uploaded_file($file['tmp_name',$imgfile);

}

 ?>
<img src = "<?php echo $imgfile?>" alt = "这个是图片"》