【PHP编程】制作表单生成器——注册登录信息

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!
所有文章皆属原创!

  • 11
    点赞
  • 40
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

野马菲比

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值