本文章内容为作者网上收集而来,通过测试基本无误,供大家参考,希望对大家有所帮助
第1关:文本类表单内容 - 资料填写
任务描述
在网页中,时常会有文本框需要用户填写,例如在注册账号时,需要填写账户名、密码、注册邮箱地址等等。
那么在网页的后台是如何获取并处理用户填写的信息呢,本关我们就要完成这项内容。
编程要求
本关要求补全右侧的代码,具体要求如下:
- 根据填写的表单数据输出相应的欢迎语句,格式为
'欢迎'.$name.',你今年'.$age.'岁'
。 - 注意
$_SERVER['REQUEST_METHOD']
的单引号。 - 表单提交使用
POST
方法。
评测说明
表单部分的实训比较难以直接评测,评测机制可能无法对所有情况考虑的面面俱到,同学们做题的重点以体验网页效果为主,做出的网页效果要达到题目的要求。如果网页实现了题目要求的效果,但评测未通过,请于平台教师联系。
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
<label>
名字:<input type="text" name="name">
</label>
<label>
年龄:<input type="text" name="age">
</label>
<input type="submit" value="提交">
</form>
<?php
/********** Begin *********/
if($_SERVER['REQUEST_METHOD'] == 'POST') {
echo "欢迎".$_POST['name'].",你今年".$_POST['age']."岁";
}
/********** End *********/
?>
</body>
</html>
第2关:按钮类表单内容 - 网页选择
任务描述
单选按钮也是表单中一个常用的模块,例如让用户选择性别等等。
本关我们将学习HTML
中单选按钮元素的写法,以及如何处理用户提交的单选按钮的表单的数据。
编程要求
本关要求补全右侧的代码,具体要求如下:
isset()
方法搭配三目运算符的语句请严格按照示例中的语法,注意空格的位置。- 输出语句示例为:
echo '百度搜索'."<br>".'http://www.baidu.com';
,请严格按照格式编写代码。
评测说明
表单部分的实训比较难以直接评测,评测机制可能无法对所有情况考虑的面面俱到,同学们做题的重点以体验网页效果为主,做出的网页效果要达到题目的要求。如果网页实现了题目要求的效果,但评测未通过,请于平台教师联系。
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form method="get" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
<label>
<input type="radio" name="website" value="BAIDU" />百度
<input type="radio" name="website" value="GOOGLE" />Google
<input type="radio" name="website" value="TAOBAO" />淘宝
<input type="submit" value="提交">
</label>
</form>
<?php
/********** Begin *********/
$website = isset($_GET['website'])? $_GET['website'] : '';
if($website) {
if($website == 'BAIDU') {
echo '百度搜索'."<br>".'http://www.baidu.com';
} else if($website == 'GOOGLE') {
echo 'Google 搜索'."<br>".'http://www.google.com';
} else if($website == 'TAOBAO') {
echo '淘宝'."<br>".'http://www.taobao.com';
}
}
/********** End *********/
?>
</body>
</html>
第3关:下拉菜单类表单内容 - 地址选择
任务描述
下拉菜单同样是表单中一个常用的结构,例如在出生地、籍贯等的选择时,一般就有三个下拉菜单,分别让用户选择省份、城市、区县。
本关我们将学习HTML
中下拉菜单元素的写法,以及如何处理用户提交的下拉菜单的表单的数据。
编程要求
本关要求补全右侧的代码,具体要求如下:
- 判定省份和城市是否匹配,若不匹配,输出
选定城市不在选定省份
。 - 根据选择的省份和城市,输出该城市的邮编,长沙的邮编为410000,广州的邮编为510000。
- 不要忘了
isset()
函数。
评测说明
表单部分的实训比较难以直接评测,评测机制可能无法对所有情况考虑的面面俱到,同学们做题的重点以体验网页效果为主,做出的网页效果要达到题目的要求。如果网页实现了题目要求的效果,但评测未通过,请于平台教师联系。
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form method="get" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
<select name="province">
<option value="">请选择一个省份:</option>
<option value="HUNAN">湖南</option>
<option value="GUANGDONG">广东</option>
</select>
<select name="city">
<option value="">请选择一个城市:</option>
<option value="CHANGSHA">长沙</option>
<option value="GUANGZHOU">广州</option>
</select>
<input type="submit" value="提交">
</form>
<?php
/********** Begin *********/
if($province = isset($_GET['province'])? $_GET['province'] : '')
{
if($province = isset($_GET['city'])? $_GET['city'] : '')
{
if($_GET['province'] == "湖南" && $_GET['city'] == "长沙")
echo '410000';
else if($_GET['province' ]== "广东" && $_GET['city'] == '广州')
echo '510000';
else
echo '选定城市不在选定省份';
}
}
/********** End *********/
?>
</body>
</html>
第4关:文件类表单内容 - 照片上传
任务描述
允许用户从表单上传文件是非常有用的,例如上传头像、照片等等,本关将学习这方面的内容。
编程要求
本关要求补全右侧的代码,具体要求如下:
- 判断文件是否上传有误,如果有误,输出
上传文件有误!
。 - 如果上传文件无误,输出文件的相关信息,包括文件名称、类型、大小、文件的临时路径,格式为
echo '文件的名称:' . $_FILES['file']['name'] . "<br>";
,其他以此类推。
评测说明
表单部分的实训比较难以直接评测,评测机制可能无法对所有情况考虑的面面俱到,同学们做题的重点以体验网页效果为主,做出的网页效果要达到题目的要求。如果网页实现了题目要求的效果,但评测未通过,请于平台教师联系。
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post" enctype="multipart/form-data">
<table class="reg">
<tr>
<td class="title" colspan="2">文件上传</td>
</tr>
<tr>
<th>照片文件:</th>
<td><input type="file" name="file" /></td>
</tr>
<tr><td colspan="2" class="td-btn">
<input type="submit" value="上传文件" class="button" />
<input type="reset" value="重新选择" class="button" />
</td></tr>
</table>
</form>
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
/********** Begin *********/
//判断文件上传是否有错误
if($_FILES['file']['error'] > 0)
{
die('上传文件有误!');
}
//输出文件信息
else
{
echo '文件的名称:' . $_FILES['file']['name'] . "<br>";
echo '文件的类型:' . $_FILES['file']['type'] . "<br>";
echo '文件的大小:' . $_FILES['file']['size'] /1024 . "<br>";
echo '文件的临时路径:' . $_FILES['file']['tmp_name'] . "<br>";
}
/********** End *********/
//显示上传结果
if (move_uploaded_file($_FILES['file']['tmp_name'], $_FILES['file']['name'])) {
echo '上传成功!';
echo "<img src='" . $_FILES['file']['name'] . "'><br>";
} else {
die("上传错误!");
}
}
?>
</body>
</html>
如有问题,请留言联系!