📄 popcorn.html
字号:
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!-- popcorn.html
This describes popcorn sales form page>
-->
<html xmlns = "http://www.w3.org/1999/xhtml">
<head> <title> Popcorn Sales Form </title>
</head>
<body>
<h2> Welcome to Millenium Gynmastics Booster Club Popcorn
Sales
</h2>
<!-- The next line gives the address of the CGI program -->
<form action = "popcorn.pl" method = "post">
<table>
<!-- Text widgets for name and address -->
<tr>
<td> Buyer's Name: </td>
<td> <input type = "text" name = "name" size = "30">
</td>
</tr>
<tr>
<td> Street Address: </td>
<td> <input type = "text" name = "street" size = "30">
</td>
</tr>
<tr>
<td> City, State, Zip: </td>
<td> <input type = "text" name = "city" size = "30">
</td>
</tr>
</table>
<br />
<table border = "border">
<!-- First, the column headings -->
<tr>
<th> Product Name </th>
<th> Price </th>
<th> Quantity </th>
</tr>
<!-- Now, the table data entries -->
<tr>
<td> Unpopped Popcorn (1 lb.) </td>
<td> $3.00 </td>
<td> <input type = "text" name = "unpop" size ="2">
</td>
</tr>
<tr>
<td> Caramel Popcorn (2 lb. cannister) </td>
<td> $3.50 </td>
<td> <input type = "text" name = "caramel" size = "2">
</td>
</tr>
<tr>
<td> Caramel Nut Popcorn (2 lb. cannister) </td>
<td> $4.50 </td>
<td> <input type = "text" name = "caramelnut" size = "2">
</td>
</tr>
<tr>
<td> Toffey Nut Popcorn (2 lb. cannister) </td>
<td> $5.00 </td>
<td> <input type = "text" name = "toffeynut" size = "2">
</td>
</tr>
</table>
<br />
<!-- The radio buttons for the payment method -->
<h3> Payment Method: </h3>
<p>
<input type = "radio" name = "payment" value = "visa"
checked = "checked" /> Visa <br />
<input type = "radio" name = "payment" value = "mc"
/>
Master Card <br />
<input type = "radio" name = "payment" value = "discover"
/>
Discover <br />
<input type = "radio" name = "payment" value = "check" />
Check <br />
</p>
<!-- The submit and reset buttons -->
<p>
<input type = "submit" value = "Submit Order" />
<input type = "reset" value = "Clear Order Form" />
</p>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -