1. 程式人生 > >javaweb——表單案例 商品列表

javaweb——表單案例 商品列表

tty height eight birt ctype 5.0 head radio href

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<p><strong>免費開通人人網賬號</strong></p>
			<form id="form1" name="form1" method="post" action="a.html">
			<table width="100%" border="0" cellspacing="0" cellpadding="10">
				<tr>
					<td width="100" align="right">註冊郵箱:</td>
					<td>
						<input name="userName" type="text" id="userName" size="30" maxlength="50" />
					</td>
				</tr>
				<tr>
					<td align="right"> </td>
					<td>你還可以使用 <a href="#">賬號</a> 註冊或者 <a href="#">手機號</a> 註冊</td>
				</tr>
				<tr>
					<td align="right">創建密碼:</td>
					<td><input name="passWord" type="password" id="passWord" size="30" maxlength="16" /></td>
				</tr>
				<tr>
					<td align="right">真實姓名:</td>
					<td><input name="trueName" type="text" id="trueName" value="" size="30" maxlength="8" /></td>
				</tr>
				<tr>
					<td align="right">性別:</td>
					<td><input name="sex" type="radio" id="male" value="1" checked="checked" />男 
						<input type="radio" name="sex" id="female" value="2" />女</td>
				</tr>
				<tr>
					<td align="right">生日:</td>
					<td><select name="birthYear" id="birthYear">
						<option value="1990">1990</option>
						<option value="1991" selected="selected">1991</option>
						<option value="1992">1992</option>
					</select>年 <select name="birthMonth" id="birthMonth">
						<option value="12">12</option>
						<option value="11">11</option>
						<option value="10" selected="selected">10</option>
					</select>月 <select name="birthDay" id="birthDay">
						<option value="31">31</option>
						<option value="30" selected="selected">30</option>
						<option value="29">29</option>
					</select>日</td>
				</tr>
				<tr>
					<td align="right">我現在:</td>
					<td><select name="work" id="work">
						<option value="正在上學">正在上學</option>
						<option value="已畢業">已畢業</option>
					</select></td>
				</tr>
				<tr>
					<td align="right"> </td>

					<td><img src="img/verycode.gif" width="132" height="55"  />    <a href="#">看不清換一張?</a></td>
				</tr>
				<tr>
					<td align="right">驗證碼:</td>
					<td><input name="veryCode" type="text" id="veryCode" size="15" maxlength="5" /></td>
				</tr>
				<tr>
					<td align="right"> </td>
					<td><input type="image" name="btnReg" id="btnReg" src="img/btn_reg.gif" /></td>
				</tr>
		</table>
		</form>

</body>
</html>



技術分享圖片






<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<p><img src="img/header.jpg" /></p>
<p>首頁 > 中國館 > 女裝/女士精品 > 所有商品</p>
<p><img src="img/list_header.jpg" /></p>
<h2>熱點推薦</h2>
<dl>
	<dt><img src="img/photo_01.jpg" /></dt>
	<dd>一口價:49.00<br />
	全國包郵!韓版修身長袖T恤 打底衫 純棉圓領T恤</dd>
</dl>
<p><img src="img/line.gif" /></p>
<dl>
	<dt><img src="img/photo_02.jpg" /></dt>
	<dd>一口價:35.00<br />
	2011新款T恤短袖 t恤女短袖 影子熊貓</dd>
</dl>
<p><img src="img/line.gif" /></p>
<dl>
	<dt><img src="img/photo_03.jpg" /></dt>
	<dd>一口價:48.00<br />
	釘珠蝴蝶結秋冬背心呢料裙911 -4366</dd>
</dl>
<p><img src="img/line.gif" /></p>
<dl>
	<dt><img src="img/photo_04.jpg" /></dt>
	<dd>一口價:88.00<br />
	2011 春裝 新款 女裝 假兩件拼接修身包臀裙 洋裝 長袖連衣裙</dd>
</dl>
<p><img src="img/line.gif" /></p>
<dl>
	<dt><img src="img/photo_05.jpg" /></dt>
	<dd>一口價:169.00<br />
	賣家推薦 2011春裝新款 時尚韓版 假兩件式 百褶 連衣裙 0210806 熱銷款</dd>
</dl>
<p><img src="img/line.gif" /></p>
<dl>
	<dt><img src="img/photo_06.jpg" /></dt>
	<dd>一口價:98.00<br />
	波西米亞 民族風格 紮染珠片 多穿裙 沙灘</dd>
</dl>
<p><img src="img/line.gif" /></p>
<p>Copyright ? 2018 </p>

</body>
</html>

  

技術分享圖片



  

javaweb——表單案例 商品列表