新建html 页面,命名 index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>form表单</title>
<style>
#f_nm{
width: 500px;
background-color: rgba(100,0,20,0.3);
margin: 0 auto;
}
#tab_nm{
width: 100%;
border: 2;
border-color: #ffffff;
background-color: #999999;
}
#tab_nm tr{
background-color: #ffcc33;
}
</style>
</head>
<body>
<form action="index.php" name="form_nm" method="post" enctype="multipart/form-data" target="_blank" id="f_nm">
<table id="tab_nm" cellpadding="3" cellspacing="2">
<tr>
<td width="120" height="25" align="right">姓名:</td>
<td height="25" align="left">
<input type="text" name="user" id="user" size="20" maxlength="100" value="请输入姓名">
</td>
</tr>
<tr>
<td width="120" height="25" align="right">性别:</td>
<td height="25" align="left">
<input type="radio" name="sex" value="男" checked="checked">男
<input type="radio" name="sex" value="女">女
</td>
</tr>
<tr>
<td width="120" height="25" align="right">密码:</td>
<td height="25" align="left">
<input type="password" name="pwd" id="pwd" size="20" maxlength="100" value="请输入密码">
</td>
</tr>
<tr>
<td width="120" height="25" align="right">学历:</td>
<td height="25" align="left">
<select name="sec" id="sec"> <!--加上multiple="multiple"效果就不同了-->
<option value="0">高中及以下</option>
<option value="1">专科</option>
<option value="2" selected="selected">本科</option>
<option value="3">研究生及以上</option>
</select>
</td>
</tr>
<tr>
<td width="120" height="25" align="right">爱好:</td>
<td align="left">
<input type="checkbox" name="checkbox" value="旅游" checked="checked">旅游
<input type="checkbox" name="checkbox" value="运动">运动
<input type="checkbox" name="checkbox" value="音乐">音乐
<input type="checkbox" name="checkbox" value="其他">其他
</td>
</tr>
<tr>
<td height="25" align="right">个人写真:</td>
<td align="left"><input type="file" name="photo" id="photo" size="20" multiple="1000"></td>
</tr>
<tr>
<td height="25" align="right">个人简介:</td>
<td><textarea name="intro" id="intro" cols="28" rows="4">请输入您的简介</textarea></td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit" name="sub" value="提交">
<input type="reset" name="res" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>
新建php ,命名:index.php (放在同级目录下)
<?php
if(isset($_POST['sub']) && $_POST['sub']!=""){
echo "您的姓名:<font color='red'>".($_POST['user'])."</font><br/>";
echo "您的性别:<font color='blue'>".($_POST['sex'])."</font><br/>";
echo "您的密码:<font color='green'>".($_POST['pwd'])."</font><br/>";
echo "您的学历:<font color='grey'>".($_POST['sec'])."</font><br/>";
echo "您的爱好:<font color='pink'>".($_POST['checkbox'])."</font><br/>";
echo "您的写真:<font color='pink'>".($_POST['photo'])."</font><br/>";
echo "您的简介:<font color='brown'>".($_POST['intro'])."</font><br/>";
var_dump($_POST);
}
?>
显示:
点击“提交”