如何结合多元素写一个表单

form表单在我们的生活中非常常见,它是网页和用户进行交互的工具,用于搜集不同类型的用户输入。在网上注册为某网站的用户或登录已存在的账号时都会用到表单。
做一个图书添加页面的表单,其中包含文本框、复选框、下拉框等表单的多种元素,同时并连接数据库调用数据库中的图书类型。做出的具体页面如下图所示:
添加图书页面

图书类型主要是连接了数据库中的type表,我们首先需要在wampserver中建立一个名为type的数据表,在表中包含typeid字段、typename字段。type字段是为我们的图书类型做一个编号,方便我们之后调用图书编号对图书进行操作,typename即我们可选择的图书类型。

<tr><td> 图书类型:   </td><td><select name="lx" >
<?php
	include "conn.php";
	$sql="select * from type order by typeid";    //查询出图书的类型
	$res=mysql_query($sql);
	while($row=mysql_fetch_array($res)){
		echo "<option value=".$row['typeid'].">".$row['typename']."</option>";
	}
?>
</select></td></tr>

其中include "conn.php"是我们是创建PHP项目时连接数据库的公共文件,其他程序页面在需要连接数据库时,只需要包含这个文件即可。

<?php
$conn=mysql_connect("localhost","root","") or die("数据库服务器连接失败");
mysql_select_db("tb_shop",$conn) or die("数据库访问错误");
mysql_query("set names gb2312");//指定字符集,如果电脑不识别gb2312就改为utf8
?>

在出版时间中我们做了下拉框,在这里我们利用了PHP中的for循环,做了一个年月日的选择。

<tr><td> 出版时间:   </td><td>
<select name="nian"><?php for($i=1995;$i<=2050;$i++) echo "<option>".$i."</option>";?> </select><select name="yue"><?php for($i=1;$i<=12;$i++) echo "<option>".$i."</option>";?></select><select name="ri"><?php for($i=1;$i<=31;$i++) echo ".<option>".$i."</option>";?></select></td></tr>

在图片上传中我们的文本框有些不同,这里我们用了文件上传。文件上传是通过表单中<input type="file">标记选择本地文件实现上传的,下一次将更新如何完成文件上传的文章。
图书添加的整个页面实行代码如下:

<html>
<center>
<form action="saveaddbook.php" method="post" enctype="multipart/form-data">
<table bgcolor=pink>
<tr><td width=100> 图书编号:   </td><td><input name="bh" type="text" /></td></tr>
<tr><td width=100> 图书名称:   </td><td><input name="bookname" type="text" /></td></tr>
<tr><td> 书号:   </td><td><input name="sh" type="text" /></td></tr>
<tr><td> 图书类型:   </td><td><select name="lx" >
<?php
	include "conn.php";
	$sql="select * from type order by typeid";    //查询出图书的类型
	$res=mysql_query($sql);
	while($row=mysql_fetch_array($res)){
		echo "<option value=".$row['typeid'].">".$row['typename']."</option>";
	}
?>
</select></td></tr>
<tr><td> 作者:   </td><td><input name="zz" type="text" /></td></tr>
<tr><td> 出版社:   </td><td><input name="cbs" type="text" /></td></tr>
<tr><td> 出版时间:   </td><td>
<select name="nian"><?php for($i=1995;$i<=2050;$i++) echo "<option>".$i."</option>";?> </select><select name="yue"><?php for($i=1;$i<=12;$i++) echo "<option>".$i."</option>";?></select><select name="ri"><?php for($i=1;$i<=31;$i++) echo ".<option>".$i."</option>";?></select></td></tr>
<tr><td> 图书价格:   </td><td><input name="jg" type="text" /></td></tr>
<tr><td> 折扣:   </td><td><input name="zk" type="text" />如:7.5折</td></tr>
<tr><td> 图书图片:   </td><td>
<input type="hidden" name="MAX_FILE_SIZE" value="2000000">
<input name="mfile" type="file" />
</td></tr>
<tr><td> 图书简介:   </td><td><textarea name="jj" cols="30" rows="5" style="margin-left:10px;" ></textarea></td></tr>
<tr><td> 是否推荐:   </td><td><input name="sftj" type="radio" value="1`" checked="checked"/><input name="sftj" type="radio" value="0" /></td></tr>
<tr><td> 新书预售:   </td><td><input name="newbook" type="radio" value="1`" checked="checked"/><input name="newbook" type="radio" value="0" /></td></tr>
<tr><td colspan="2"><input type="submit" name="ok"  value="&nbsp;"/><input type="reset" value="重置"/></td></tr>
</table>
</form>
</center>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值