javaweb——表单案例 商品列表

<%@ 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>

  


  

原文地址:https://www.cnblogs.com/zq8023/p/9255395.html

时间: 2024-08-01 01:45:33

javaweb——表单案例 商品列表的相关文章

web设计——表单案例

案例地址:http://wanwanweb.sinaapp.com/yglogin/ 源码在下方仅供参考,自己动手设计一款类似的版式,然后亲自动手试一下. 1 <?php 2 ?> 3 <!DOCTYPE html> 4 <html> 5 <head> 6 <meta http-equiv="content-type" content="text/html;charset=utf-8"> 7 <tit

鼠标事件和表单事件+好友列表选中效果+侧面菜单下拉效果

通用:onclick 鼠标单击ondblclick 鼠标双击onmouseover 鼠标放上onmouseout 鼠标离开onmousemove 鼠标移动 表单:onchang 表单的值改变onblur 失去焦点onfocus 获得焦点onselect 选中 2.好友列表选中效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

封装表单案例

将页面的数据封装到表单中 register.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+

yii2_vue_表单案例

<?php /** * Created by PhpStorm. * User: Administrator * Date: 2017/2/5 * Time: 17:36 */ use yii\helpers\Url; use \common\models\AdminSite; use \common\utils\Cache; use \common\services\TudouService; $adminsite=Cache::GAutoRoute('adminsite',TudouServ

学生表单案例

<form action=""> <fieldset> <legend>学生档案</legend> <label for="userName">姓名:</label> <input type="text" name="userName" id="userName" placeholder="请输入您的姓名"/&

PHP正则表达式及表单注册案例

正则表达式是一种具有特定模式的用来匹配文本的字符串 preg_match 匹配 $pattern = '/php/'; $subject = "php 是最好的编程语言,php 没有之一!"; $result = preg_match($pattern,$subject); if($result){ echo "<h1>匹配成功</h1>"; }else{ echo "<h1>匹配不成功</h1>"

[HTML]表单控件、iframe、datails、meter、time、fieldset、mark

一.表单元素 1.input:空标记 属性: type:文本框.密码框.单选按钮.复选框 value:当前表单元素的值,可以是提交给服务器的值,也可以是默认显示的初始值 name:名称,要提交给server使用 id:唯一标识,只能在当前页面使用,server不能用 disabled:禁用控件 文本框:<input type="text" /> 密码框:<input type="password" /> 通用属性:name,id,value,

待整理笔记(表单序列化操作、多态函数、对象的状态队列管理模式)

1.jquery的表单序列化操作 $('.form').serializeArray();通过serializeArray()方法得到表单form(class=“form”)的dom结点下所有含有name值的节点的value值的一个数组; 这个数组由多个对象构成,每个对象有name和value两个key值. 2.编程的多态性思想 利用函数的参数数组arguments,通过判断数组的长度来选择性执行某个功能: 例如: store: function(namespace, data, remove)

input file上传表单美化file按钮美化篇

一.表单input file样式说明   -   TOP 本上传表单特效是使用纯DIV+CSS代码实现,兼容各大浏览器,使用方便在此美化基础上稍加CSS美化将获得更好的美化效果,也就是通过DIV CSS样式美化上传表单控件. 二.CSS file美化后效果图   -   TOP file表单美化效果图 支持多浏览器与老旧版本浏览器,测试IE6-IE8 火狐.谷歌浏览器均兼容. 三.所有HTML+CSS代码:   -   TOP <!DOCTYPE html PUBLIC "-//W3C//