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="提 交"/><input type="reset" value="重置"/></td></tr>
</table>
</form>
</center>
</html>