html+css+js三件套實戰2-web第四次實驗作業

VioletBenin發表於2020-12-31

實驗四。這個實驗的程式碼其實書上有,參見教材的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>

懶得寫了,老了,希望幫到某些人吧

相關文章