网站用户体验整合设计-搜索

搜索

Post by 张美工, 2008-12-2, Views:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>驾车导航</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<DIV class=search>
    <form action="http://www.myemap.com.cn/sp.jsp" method="get" name="subform3" onSubmit="return checkSubmit2(this)">
         <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
          <tr>
           <td>
             <div class="s_content" id="div">
                <center>
                  <table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="91" height="30" align="right" valign="middle">
         <div style="padding-left:20px;"> <a href="javascript:acDiv('Drive1')">
                            <select name="select" id="select" style="width:100%;">
                            <option>北京市</option>
                            <option>天津市</option>
                            <option>上海市</option>
                            <option>更多</option> </select> </a>
       </div>
        </td>
                      <td width="183" align="center" valign="middle">
             <input class="input-index-Drive" tabindex="2" value="请输入起点如：王府井" name="SName" onfocus="javascript:if (this.value=='请输入起点') {this.value='';}" type="text" id="SName" style="width:85%;" />
       </td>
                      <td width="12" align="center"><span class="F2">到</span></td>
                      <td width="81" valign="middle"><div>
                        <div style="padding-left:10px;"> <a href="javascript:acDiv('Drive1')">
                              <select name="City" id="City" style="width:100%;">
                              <option>北京市</option>
                              <option>天津市</option>
                              <option>上海市</option>
                              <option>更多</option> </select> </a>
      </div>
       </td>
                      <td width="168" align="center" valign="middle"><input class="input-index-Drive" onfocus="javascript:if (this.value=='请输入终点') {this.value='';}" tabindex="3" value="请输入终点如：西单" name="EName" type="text" id="SName" style="width:85%;" /></td>
                      <td width="42" align="left" valign="middle"><input class="btn1" tabindex="3" type="submit" value="搜索" name="Input2" onmouseover="style.cursor='pointer'"></td>
                      <td width="43" align="left" valign="middle"><input type="hidden" id="CityDrive1" name="City3" value="北京市" />
                      <input type="hidden" id="CityDrive2" name="DCity" value="北京市" />
       </td>
                    </tr>
                  </table>
                </center>
              </div>
            </td>
         </tr>
       </table>
</FORM>
</div>

相关文章：　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
# Dreamweaver的超级技巧汇总(6)
# Dreamweaver的超级技巧汇总(5)
# Dreamweaver的超级技巧汇总(4)
# Dreamweaver的超级技巧汇总(３)
# Dreamweaver的超级技巧汇总(2)
# Dreamweaver的超级技巧汇总(1)
# 在线QQ MSN TEL交谈工具代码
# 方便使用的一些小简短input\form代码
# VSS使用手册
# JS表单判断函数代码大全 (三)
# JS表单判断函数代码大全 (二)
# JS表单判断函数代码大全

# I E和火狐的css兼容性问题归总

# 体验css+div 之　CSS hack:区分IE6，IE7，firefox

# 体验css+div 之兼容标准XHTML的浮动层特效实现

# 因为编码差异导致IE6不能正常解析CSS文件

# 商业网站响应用户需求重视与Firefox兼容

# frameset 的属性
# frameset元素属性详解、浮动框架的制作、超链接与框架的制作

# 体验css+div 之 SEO

# 40个网页常用小代码

# div+css样式几个小精华

# 网站用户体验--CSS常用小技巧

# 体验css+div 之 css技巧-经典中的经典

# 体验css+div 之 CSS样式表设计的十条技巧

# 体验css+div 之网页切图过程中div+css命名规则

# 网站用户体验--根据项目需求定义常用CSS2基本定义例子
# 体验css+div 之三种使网站背景图片自动适应浏览器大小的方法

# 创建锚链接

# 如何让单行文本框input与多行文本框textarea背景透明

# 用EditPlus转化文件格式到UTF-8
# 让长字符URL/Email自动换行

# HTML特殊字符显示

# 体验css+div定位与table定位代码的差异
# 体验css+div 之 TBody是什么意思?有什么作用?<TBODY>和<BODY>有和区别？

# 体验css+div 简单的滑动门效果代码

# 体验css+div 超实用的滑动门效果代码（css和代码都包含在内）

# 彻底弄懂CSS盒子模式(DIV布局快速入门)

# 如何把握网页布局
 # 实例详解CSS网页布局原理

# 体验CSS+DIV 之基本布局

#  体验css+div 之解决流体布局的问题
#  体验css+div 之固定宽度布局、流体布局、弹性布局的优势对比＜弹性布局＞
#  体验css+div 之固定宽度布局、流体布局、弹性布局的优势对比＜流体布局＞
# 体验css+div 之固定宽度布局、流体布局、弹性布局的优势对比＜固定宽度布局＞

# 体验css+div 之为什么css+div 会盛行
# 体验css+div中id和class各自的用法及区别

# 体验css+div 之规划、组织和维护样式表

# 体验css+div 之基本列表样式

# 体验css+div 之为样式找到目标

# 体验css+div 之圆角框

# 体验css+div 之层叠和特殊性
# css之自动换行

# CSS控制连续英文字母或数字强制换行

# 让css使网页图片半透明

# 体验css+div 之背景透明内容不透明的写法
# 体验css+div 之给整个页面添加渐变背景
 # 用css样式控制做成的按钮,取代图片按钮

# 体验css+div 之鼠标经过按钮发生变化效果
# 体验css+div 之文本框自适应窗口宽度
# 体验css+div 老问题重新讲“怎样使页面整体居中”
# 体验css+div之图像替换 1.徽标图像替换
# 体验css+div 之使用自动空白边让设计居中

+

Tags: 搜索

分类:用户体验 | 评论:0 | 引用:0

上一篇：彻底弄懂CSS盒子模式(DIV布局快速入门)
下一篇：因为编码差异导致IE6不能正常解析CSS文件

或许你还对下面的文章感兴趣

Comments

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

最新文章

最新评论

Guest