2016.9.25
orderform.html
<form action = "processorder.php" method = "post" >
<!-- form:html表单元素 action属性 表单提交的界面 这里表单提交到processorder.php
method 传送表单数据的方式
1:get 直接将表单内容加到URL的后面
2: post 分段传送数据 -->
<table border = "5"> <!-- border属性 设置表格边框大小 -->
<tr bgcolor = "#cccccc" >
<!-- tr标签定义table中的一行 tr内的元素有一个或者多个th td th为表头 td为表单元格
bgcolor属性定义背景颜色 rgb(xx,xx,xx) 则 bgcolor = “#xxxxxx”
td标签内容 默认左对齐 td标签内容默认居中对齐 -->
<td width = "150"> item </td> <!-- 宽度为150 的表格单元格 -->
<td width = "15"> Quantity </td> <!-- 宽度为15 的表格单元格 -->
</rt>
<tr>
<td> Tries </td>
<td align = "center"> <!-- align 标签内容的对齐方式 -->
<input type = "text" name = "trieqty" size = "3" maxlength = "3" />
<!-- input标签 表单中用于得到用户输入信息的标签 这里 type = text 表示为 文本型的输入框
name定义这个输入数据的名字 相当于给这一个数据段的一个标签
size:网页上显示的输入框长度为3
maxlength:可以输入的最长长度 这里只能输入3个字符 -->
</td>
</rt>
<tr>
<td> Oil </td>
<td align = "center"> <input type = "text" name = "oilqty" size = "3" maxlength = "3" /></td>
</rt>
<tr>
<td> Spark Plugs </td>
<td align = "center"> <input type = "text" name = "sparkqty" size = "3" maxlength = "3" /></td>
</rt>
<tr>
<td colspan = "2" align = "center"> <!-- colspan定义这个单元格 可以跨越的列的个数 -->
<input type = "submit" value = "Submit Oreder"/>
<!-- input标签 表单中用于得到用户输入信息的标签 这里 type = submit 表示为 提交按钮
提交表单内容到action的URL
value 属性为 显示在这个提交按钮上的内容-->
</td>
</rt>
</table>
</form>
processorder.php
<html>
<head>
<title> Bob's Auto Parts - Order Results </title>
</head>
<body>
<h1> Bob's Auto Parts </h1>
<h2> Order Results </h2>
<?php
echo "<p> Order processed at".date('H:i,js F Y')."</p>";
$tireqty = $_POST['tireqty'];
$oilqty = $_POST['oilqty'];
$sparkqty = $_POST['sparkqty'];
echo "Your order is as follows:<p>";
echo $tireqty . " Tires<br />";
echo $oilqty . " bottles of oil<br />";
echo $sparkqty . " spark plugs<br />";
?>
</body>
</html>