PHP编程:制作表单生成器——注册登录信息
用PHP语言编写一个表单页面,美化表单样式,显示注册信息(姓名,性别,出生日期,邮箱,手机号码,幸运颜色,爱好,住址,自我介绍);
编辑器:Sublime Text
<!DOCTYPE html>
<html>
<head><meta charset="utf-8">
<title>表单生成器</title>
<style>
body{margin-top: 20px;}
.box{font-family: 微软雅黑; font-size: 12px; border: 1px solid #2487c9; display: table;margin: 0 auto;}
.box-head{padding: 5px 20px; background: #2487c9; color: #fff; font-size: 14px;}
.box-body{padding: 10px 20px;}
.box-body th{font-weight: normal;vertical-align: top; padding-top: 5px;}
.box-body td{padding-top: 2px; padding-bottom: 8px;}
</style>
</head>
<body>
<div class="box">
<div class="box-head">个人信息</div>
<div class="box-body">
<form action="form.php" method="post" enctype="multipart/form-data">
<table>
<tr>
<th>姓 名:</th>
<td>
<input type="text" name="user" size="25">
</td>
</tr>
<tr>
<th>性 别:</th>
<td>
<label><input type= "radio" name= "gender" value= "m" checked= "">男</label>
<label><input type= "radio" name= "gender" value= "w">女</label>
</td>
</tr>
<tr>
<th>出生日期:</th>
<td>
<input type="date" name="bday" size="25">
</td>
</tr>
<tr>
<th>邮 箱:</th>
<td>
<input type="text" name="email" size="25">
</td>
</tr>
<tr>
<th>手机号码:</th>
<td>
<input type="text" name="tell" size="25">
</td>
</tr>
<tr>
<th>幸运颜色:</th>
<td>
<input type="color" name="favcolor" value="#ff0000">
</td>
</tr>
<tr>
<th>爱 好:</th>
<td>
<label>
<input type="checkbox" name="hobby[]" value="swimming">游泳
</label>
<label>
<input type="checkbox" name="hobby[]" value="reading">读书
</label>
<label>
<input type="checkbox" name="hobby[]" value="running">跑步
</label>
</td>
</tr>
<tr>
<th>住 址:</th>
<td>
<select name="address">
<option selected>--请选择--</option>
<option value= "BJ">北京</option>
<option value= "SH">上海</option>
<option value= "FY">阜阳</option>
<option value= "SZ">深圳</option>
<option value= "HF">合肥</option>
</select>
</td>
</tr>
<tr>
<th>自我介绍:</th>
<td>
<textarea name="introduce" cols="50" rows="5"></textarea>
</td>
</tr>
<tr>
<td colspan="2">
<div align = "center">
<input type= "submit" value="提交"/>
<input type= "reset" value="重置"/>
</div>
</td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
运行Apache services,打开浏览器,出入URL(运行结果如图):
OK!
所有文章皆属原创!