实验六
实验内容
制作如下表单
提交后显示如下
实验过程
表单的获取与提交
源代码
index.html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>表单的获取与提交</title>
<script type="text/javascript">
function tijiao() {alert("确认提交")}
function chongxie() {alert("确认要重新填写")}
</script>
</head>
<body style="background-color: aliceblue;">
<form name="forml" action="005.php" method="post" enctype="multipart/form-data">
<table border="1" align="center">
<tr>
<td colspan = "3" align="center">个人注册</td>
</tr>
<tr>
<td width="160px"><b>姓名：</b></td>
<td width="800px"><input type="text" name="text_name"/></td>
</tr>
<tr>
<td><b>性别：</b></td>
<td>
<input type="radio" name="sex" value="男" checked/>男
<input type="radio" name="sex" value="女" />女
<input type="radio" name="sex" value="保密" />保密
</td>
</tr>
<tr>
<td><b>密码：</b></td>
<td><input type="text" name="text_pwd" /></td>
</tr>
<tr>
<td><b>学历</b></td>
<td>
<select name="xueli">
<option value="初中">初中</option>
<option value="高中">高中</option>
<option value="本科">本科</option>
<option value="研究生">研究生</option>
<option value="博士生">博士生</option>
</select>
</td>
</tr>
<tr>
<td><b>兴趣：</b></td>
<td>
<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="集邮" />集邮
</td>
</tr>
<tr>
<td><b>个人照片：</b></td>
<td>
<input type="file" name="file" id="file"/>
</td>
</tr>
<tr>
<td><b>个人简介：</b></td>
<td><textarea cols="111" rows="5" name="text"> 请在此输入个人简介</textarea></td>
</tr>
<tr>
<td colspan="3" align="center">
<input type="submit" name="btn_submit" value="提交" onclick="tijiao()"/>
<input type="reset" name="btn_reset" value="重填" onclick="chongxie()"/>
</td>
</tr>
</table>
</form>
</body>
</html>
005.php
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>表单的获取与提交</title>
</head>
<body style="background-color: aliceblue;">
<table border="1" width="700px" align="center">
<tr><td colspan = "2" align="center">个人注册</td></tr>
<tr>
<td width="25%"><b>姓名：</b></td>
<td width="75%"><?php echo $_POST["text_name"]; ?></td>
<tr>
<td width="25%"><b>性别：</b></td>
<td width="75%"><?php echo $_POST["sex"]; ?></td>
</tr>
<tr>
<td width="25%"><b>密码：</b></td>
<td width="75%"><?php echo $_POST["text_pwd"]; ?></td>
</tr>
<tr>
<td width="25%"><b>学历：</b></td>
<td width="75%"><?php echo $_POST["xueli"]; ?></td>
</tr>
<tr>
<td width="25%"><b>兴趣：</b></td>
<td width="75%">
<?php
$int = isset($_POST['interest'])? $_POST['interest'] : '';
if(is_array($int))
{
$sites = array(
'阅读' => '阅读',
'游泳' => '游泳',
'音乐' => '音乐',
'电脑' => '电脑',
'集邮' => '集邮',
);
foreach ($int as $val) {
// PHP_EOL 为常量，用于换行
echo $sites[$val] . PHP_EOL;
}
}
?>
</td>
</tr>
<tr>
<td width="25%"><b>个人相片：</b></td>
<td width="75%">
<?php
// 判断当前目录下的 upload 目录是否存在该文件
if (file_exists("upload/" . $_FILES["file"]["name"]))
{
echo "<img width=\"128px\" height=\"180px\" src=\"upload/".$_FILES["file"]["name"].'">';
}
else
{
// 如果 upload 目录不存在该文件则将文件上传到 upload 目录下
move_uploaded_file($_FILES["file"]["tmp_name"], "upload/" . $_FILES["file"]["name"]);
echo "<img width=\"128px\" height=\"180px\" src=\"upload/".$_FILES["file"]["name"].'">';
}
?>
</td>
</tr>
<tr>
<td width="25%"><b>个人简介：</b></td>
<td width="75%">
<?php
echo $_POST["text"];
?>
</td>
</tr>
</body>
</html>
实验展示
点击查看完整网页