html+css+js三件套实战2-web第四次实验作业（QUT-SE）

最新推荐文章于 2022-09-30 00:12:42 发布

VioletBenin

最新推荐文章于 2022-09-30 00:12:42 发布

阅读量424

点赞数

分类专栏： Benin's JS实战训练

本文链接：https://blog.csdn.net/weixin_43923674/article/details/102662808

版权

Benin's JS实战训练专栏收录该内容

2 篇文章 2 订阅

订阅专栏

实验四。这个实验的代码其实书上有，参见教材的P321页

先写(chao)整个网页的大框架：

再将主体部分的表单添加：

		<div id="order">
			<div id="order_title">
				<img src="images/newtoptb006.gif">
			</div>
			<div id="order_ad">
				<img src="images/newp006.jpg">
			</div>
			<form onsubmit="return check()">
				<table border="" cellspacing="" cellpadding="">
					<tr>
						<td class="label">订购产品：</td>
						<td class="element"><input name="product" id="product" size="26" maxlength="36" /></td>
					</tr>
					<tr>
						<td class="label">订购数量：</td>
						<td class="element"><input name="account" id="account" size="6" maxlength="30" /></td>
					</tr>
					<tr>
						<td class="label">订购公司：</td>
						<td class="element"><input name="company" id="company" size="30" maxlength="36" /></td>
					</tr>
					<tr>
						<td class="label">联系人：</td>
						<td class="element"><input name="name" id="name" size="30" maxlength="36" /></td>
					</tr>
					<tr>
						<td class="label">联系电话：</td>
						<td class="element"><input name="tel" id="tel" size="18" maxlength="36" /></td>
					</tr>
					<tr>
						<td class="label">联系传真：</td>
						<td class="element"><input name="fax" id="fax" size="16" maxlength="36" /></td>
					</tr>
					<tr>
						<td class="label">E-mail：</td>
						<td class="element"><input name="email" id="email" size="16" maxlength="36" /></td>
					</tr>
					<tr>
						<td class="label" valign="top">备注：</td>
						<td class="element"><textarea name="message" id="message" cols="45" row="10"></textarea></td>
					</tr>
					<tr>
						<td class="label">&nbsp;</td>
						<td class="element">
							<input type="submit" name="cmdOk"  value="提交订单" />
							<input type="reset" name="cmdReset"  value="重写" />
						</td>
					</tr>
				</table>
			</form>
		</div>