2021-09-24

最新推荐文章于 2024-10-10 12:45:21 发布

qq_53092725

最新推荐文章于 2024-10-10 12:45:21 发布

阅读量70

点赞数

文章标签： php html5 html

本文链接：https://blog.csdn.net/qq_53092725/article/details/120455331

版权

作业：用户注册页面

1.页面效果展示

（1）注册页面效果图

在这里插入图片描述

（2）获取注册信息页面效果图

在这里插入图片描述

2.代码模块

（1）注册页面代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
	<body>
	 <div class="register">
	 <h2>用户注册</h2>
	 <!-- action属性代表目标文件 -->
	 <!-- method是提交方式：get（默认），post -->
	 <!-- get：提交到地址栏，适用于数据量比较小的提交
	 post：提交到文件的请求头，适用规范数据量较大，更安全 -->
	<!--  required:内容必须填的
	 autofocus：获取当前位置的焦点 -->
	   <form class="frm"  action="check.php?y=100" method="post">
	    <fieldset>
	    <legend>必须填写</legend>

	     <div class="frm1">
	        <label for="username">用户名：</label>
	    	<input id="username" type="text" name="username" placeholder="用户名不少于4个字符" autofocus
	        required
	    	  />

	     </div>

	     <div class="frm2">
	        <label for="password">密&nbsp;&nbsp;&nbsp;码：</label>
	    	<input id="password" type="password" name="password" placeholder="请输入密码，密码不少于6位" />
	     </div>

	     <div class="frm3">
	        <label for="email">邮&nbsp;&nbsp;&nbsp;箱：</label>
	    	<input id="email" type="email" name="email" placeholder="请输邮箱" />
	     </div>

	     </fieldset>
	     <div class="xingbie">
	     	<label for="">性别：</label>

	     	<input id="male" type="radio" name="gender"/>
	     	<label for="male">男</label>

	     	<input id="remale" type="radio" name="gender"/>
	     	<label for="male">女</label>

	     	<input id="baomi" type="radio" name="gender"
            checked value="保密" />
	     	<label for="male">保密</label>
	     
	     </div>

         <div class="top">
         	<label for="">爱好体育项目：</label>
         	<input id="basketball" type="checkbox" 
             name="hobby" checked value="篮球" />
            <label for="">篮球</label>

            <input id="basketball" type="checkbox" 
             name="hobby" value="足球" />
             <label for="">篮球</label>

             <input id="basketball" type="checkbox" 
             name="hobby" value="网球" />
             <label for="">篮球</label>
         </div>

         <div class="top">
         	<label for="">专业：</label>
         	<select name="department" id="">
         		<option>计算机科学与技术</option>
         		<option>软件技术</option>
         		<option>Java</option>
         		<option>计算机应用技术</option>
         	</select>
         </div>

         <div class="top">
         	<textarea name="intruduce" id="" cols="30" rows="5"></textarea>
         </div>

	     <button class="btn1">提 交</button>
	   </form>
	  </div>
	  <style type="text/css">
           .register{
           	width: 400px;
           	margin: 0 auto;
           	background-color:#abf;
           	padding:10px; 
           }
           .register>h2{
           	text-align: center;
           	color: #FFFFFF
           }
           .frm2,.frm3,.top{
           	margin-top:5px;
           }
           .btn1{
           	margin-top: 15px;
           }
           .xingbie{
           	margin-top: 10px;
           }
           
	  </style>
	</body>
</html>

（2）获取注册信息页面代码

<?php 

// $username=isset($_GET['username'])$_GET['username']?
// $username=$_GET['username']??"";
// $username=$_POST['username']??"";
$username=$_REQUEST['username']??"";
$y=$_REQUEST['y'];
$pwd=$_POST['password'];
$em=$_POST['email'];
$xingbie=$_POST['gender'];
$hobby[3]=$_POST['hobby'];
$department=$_POST['department'];
$intruduce=$_POST['intruduce'];

echo "邮箱：$em";
echo "<hr>";

echo "$y";
echo "<hr>";

echo "用户名：$username";
echo "<hr>";

echo "密码：$pwd";
echo "<hr>";

echo "性别：$xingbie";
echo "<hr>";

var_dump($hobby[3]);
echo "<hr>";

echo "专业：$department";
echo "<hr>";

echo "意见：$intruduce";
echo "<hr>";

 ?>