1.1 新建 10-29.html 文件
1.2 引用 PHP 文件(10-29.PHP)
<form name="form1" action="10-29.php" method="post">
1.3 html 主体部分
<form name="form1" action="10-29.php" method="post"> <label>输入姓名:</label> <input type="text" name="username"/><br /><br /> <label>输入密码:</label> <input type="password" name="password"/><br /><br /> <label>确认密码:</label> <input type="password" name="repassword"/><br /><br /> <label>选择性别:</label> <input type="radio" name="gender" value="男" checked="checked"/>男 <input type="radio" name="gender" value="女"/>女<br /><br /> <label>兴趣爱好:</label> <input type="checkbox" name="interest[]" value="唱歌"/>唱歌 <input type="checkbox" name="interest[]" value="攀岩"/>攀岩 <input type="checkbox" name="interest[]" value="瑜伽"/>瑜伽 <input type="checkbox" name="interest[]" value="电竞"/>电竞 <input type="checkbox" name="interest[]" value="绘画"/>绘画<br /><br /> <label>选择职业:</label> <select name="occup"> <option value ="教师">教师</option> <option value ="商人">商人</option> <option value ="工人">工人</option> <option value ="司机">司机</option> <option value ="售票员">售票员</option> </select><br /><br /> <input type="submit" name="submit" value="提交数据" /> </form>
完整代码如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>PHP 与 Web 页面交互</title> </head> <body> <form name="form1" action="10-29.php" method="post"> <label>输入姓名:</label> <input type="text" name="username"/><br /><br /> <label>输入密码:</label> <input type="password" name="password"/><br /><br /> <label>确认密码:</label> <input type="password" name="repassword"/><br /><br /> <label>选择性别:</label> <input type="radio" name="gender" value="男" checked="checked"/>男 <input type="radio" name="gender" value="女"/>女<br /><br /> <label>兴趣爱好:</label> <input type="checkbox" name="interest[]" value="唱歌"/>唱歌 <input type="checkbox" name="interest[]" value="攀岩"/>攀岩 <input type="checkbox" name="interest[]" value="瑜伽"/>瑜伽 <input type="checkbox" name="interest[]" value="电竞"/>电竞 <input type="checkbox" name="interest[]" value="绘画"/>绘画<br /><br /> <label>选择职业:</label> <select name="occup"> <option value ="教师">教师</option> <option value ="商人">商人</option> <option value ="工人">工人</option> <option value ="司机">司机</option> <option value ="售票员">售票员</option> </select><br /><br /> <input type="submit" name="submit" value="提交数据" /> </form> </body> </html>
2.1 新建 10-29.php 文件
2.2 定义变量,获取
$username = $_POST['username']; //获取姓名 $password = $_POST['password']; //获取密码 $repassword = $_POST['repassword']; $gender = $_POST['gender']; //获取性别 $interest = $_POST['interest']; //获取兴趣爱好 $occup = $_POST['occup']; //获取职业
判断输入的内容是否为空
if($_SERVER['REQUEST_METHOD'] == 'POST'){ //判断姓名是否为空 if($username == ""){ echo "<script>alert('姓名不能为空!请重新输入!')</script>"; //弹出信息提示框 exit; //程序中断,不再向下执行 } elseif(strlen($username) <2){ echo "<script>alert('姓名的的长度应大于2个字符!请重新输入!')</script>"; exit; } //判断密码是否为空 if($password == ""){ echo "<script>alert('密码不能为空!请重新输入!')</script>"; exit; } elseif(strlen($password) <6){ echo "<script>alert('密码长度不能小于6个字符!请重新输入!')</script>"; exit; } elseif(strlen($password) >12){ echo "<script>alert('密码长度不能大于12个字符!请重新输入!')</script>"; exit; } //判断两次输入的密码是否一致 if($password != $repassword){ echo "<script>alert('两次输入的密码不一致!请重新输入!')</script>"; exit; } //判断兴趣爱好是否已选择 if($interest == ""){ echo "<script>alert('兴趣爱好未选择!请重新选择!')</script>"; exit; } }
2.3 输出值
echo "姓名:".$username."<br/>"; echo "密码:".$password."<br />"; echo "性别:".$gender."<br />"; echo "爱好:".implode('、',$interest)."<br />"; //用“、“,隔开 echo "职业:".$occup."<br />";
完整代码如下
<?php $username = $_POST['username']; //获取姓名 $password = $_POST['password']; //获取密码 $repassword = $_POST['repassword']; $gender = $_POST['gender']; //获取性别 $interest = $_POST['interest']; //获取兴趣爱好 $occup = $_POST['occup']; //获取职业 if($_SERVER['REQUEST_METHOD'] == 'POST'){ //判断姓名是否为空 if($username == ""){ echo "<script>alert('姓名不能为空!请重新输入!')</script>"; //弹出信息提示框 exit; //程序中断,不再向下执行 } elseif(strlen($username) <2){ echo "<script>alert('姓名的的长度应大于2个字符!请重新输入!')</script>"; exit; } //判断密码是否为空 if($password == ""){ echo "<script>alert('密码不能为空!请重新输入!')</script>"; exit; } elseif(strlen($password) <6){ echo "<script>alert('密码长度不能小于6个字符!请重新输入!')</script>"; exit; } elseif(strlen($password) >12){ echo "<script>alert('密码长度不能大于12个字符!请重新输入!')</script>"; exit; } //判断两次输入的密码是否一致 if($password != $repassword){ echo "<script>alert('两次输入的密码不一致!请重新输入!')</script>"; exit; } //判断兴趣爱好是否已选择 if($interest == ""){ echo "<script>alert('兴趣爱好未选择!请重新选择!')</script>"; exit; } } echo "姓名:".$username."<br/>"; echo "密码:".$password."<br />"; echo "性别:".$gender."<br />"; echo "爱好:".implode('、',$interest)."<br />"; //用“、“,隔开 echo "职业:".$occup."<br />"; ?>
3.1 未输入姓名
3.2 姓名长度不足2个字符
3.3 实现的功能如下所示
判断姓名是否为空,是否大于2个字符;
判断密码是否为空,是否为 6 ~ 12个字符;
判断两次输入的密码是否一致;
判断兴趣爱好是否已勾选;
输出正确的值;
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理