<html>
<head>
<script language="javascript" >
function baidu()
{
var startDate, endDate ,d ;
d = new Date();
startDate =d.getYear() + "-"+ (d.getMonth() + 1) + "-" + d.getDate() ; //开始日期
endDate =d.getYear() + "-"+ d.getMonth() + "-" + d.getDate(); // 结束日期
window.open("http://www.baidu.com/s?tn=tcha_pg&word="+startDate+"endDate="+endDate+"");
}
function google()
{
window.open("http://www.google.cn/search?hl=zh-CN&q="+document.myform.mytext.value+"
&btnG=Google+%E6%90%9C%E7%B4%A2&meta=&aq=-1&oq=");
}
function KeyDown(event) //回车提交数据 （ 这样火符也可以用 ）
{
event = event ? event : (window.event ? window.event : null);
if (event.keyCode == 13)
{
event.returnValue=false;
event.cancel = true;
google();
}
}
</script>
</head>
<body>
<center>
<form name="myform">
<input type="text" value="请输入搜索内容" name="mytext" maxlength="2048" size="55"
onkeydown="KeyDown(event)" onMouseOver="this.select();"/>
<input type="button" value="google" onclick="google()" />
<input type="button" value="最新报告" onclick="baidu()" />
</form>
</center>
</body>
</html>
<style type="text/css">.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
<style type="text/css">.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
分享到：
相关推荐
在网页设计中，搜索框是不可...总结来说，“搜索框js特效”涉及了JavaScript编程、DOM操作、CSS样式设计以及用户体验优化等多个方面，通过这些技术的综合运用，可以打造出既实用又美观的搜索功能，提升网站的整体品质。
本资源"使用Js控制输入灰色字搜索框多种搜索样式集合下载"显然提供了一系列用于实现不同搜索框样式的Js代码示例。在网页设计中，搜索框是一个关键的用户体验元素，其设计和功能可以显著影响用户对网站的感知和使用...
在IT行业中，自定义搜索框的制作是一项常见的需求，尤其对于企业来说，为了提升内部工作效率，往往会根据自身的业务需求定制专属的搜索工具。本案例中的"百度搜索框制作.zip"文件，显然提供了一个专为公司设计的搜索...
"百度搜索框html代码"是一个典型的例子，它展示了如何使用HTML来创建一个功能齐全、用户友好的搜索框，类似于百度搜索引擎的界面。这个实例包含四个主要部分：index.html、images、js和css，分别对应HTML文件、图片...
`Chosen`会自动为搜索框添加一个特殊的类名，如`.chosen-search-input`，你可以根据自己的需求通过CSS来定制它的外观。例如： ```css .chosen-search-input { width: 100%; padding: 5px; font-size: 14px; } ...
综上所述，"JS中国各大城市搜索框代码"涉及到的主要知识点有JavaScript基础、事件处理、数据结构、字符串处理（拼音转换和模糊匹配）、DOM操作以及用户体验设计。掌握这些技能，不仅可以实现这个特定的功能，还能在...
昨天我们主要讲了京东首页的基本布局，今天我们主要来逐步实现京东首页的页面顶部、Logo&搜索框。首先我们来看下我们今天将要实现的效果： 下面页面布局详细分析： 1、页面头部分三个部分依次实现：五角星图、收藏...
标题中的"js css圆形修边搜索框rar"指的是一个使用JavaScript和CSS技术实现的具有圆形边框效果的搜索框设计示例。这个压缩包可能包含了实现这一效果的源代码文件，用于帮助开发者创建一个视觉上吸引人的、带有圆角的...
在网页设计中，搜索框是不可或缺的一个元素，它允许用户快速查找网站上的特定信息。本文将深入探讨如何利用JavaScript、Ajax以及Servlet技术实现一个具备智能提示功能的搜索框。智能提示，也称为自动补全，可以提高...
在网页设计中，搜索框是用户交互的重要组成部分，它的用户体验直接影响到网站的可用性和用户满意度。"搜索框点击字体消失，滑出字体出现"是一种常见的交互设计方式，它旨在提高用户的输入体验，使得用户能够更清楚地...
在网页设计中，搜索框是用户获取信息的重要入口，为了提升用户体验，许多网站会采用“搜索框字段自动补全”功能。这个功能允许用户在输入关键词时，系统根据已有的数据提供匹配建议，帮助用户快速找到目标内容。本文...
例如，当用户在搜索框中输入时，可以使用`addEventListener`监听`input`事件，并通过`fetch`或`XMLHttpRequest`发送异步请求，获取相关推荐搜索词： ```javascript const searchInput = document.querySelector('...
本项目涉及的核心知识点包括：导航栏（Navigation Bar）、动画背景（Animated Background）以及搜索框（Search Box）。这三部分构成了一个用户友好的、视觉吸引人的网页设计元素。 **1. 导航栏(Navigation Bar)** ...
描述部分强调了通过使用`Ext.app.SearchField`来定制搜索框的方法，并指出这样做的视觉效果会更加吸引人。这表明本文将详细介绍如何利用Ext JS框架中的工具来创建一个不仅功能强大而且外观美观的搜索框。 ### 知识...
在本项目“asp.net百度搜索栏”中，我们主要关注的是如何使用Asp.NET结合Ajax、JavaScript技术来实现类似百度搜索栏的功能，提供用户友好的交互体验。 **Ajax（异步JavaScript和XML）** 是一种在无需重新加载整个...
JS搜索框提示 纯JS 结构无数据库function smanPromptList(arrList,objInputId){ this.style = "background:#E8F7EB;border: 1px solid #CCCCCC;font-size:14px;cursor: default;" if (arrList.constructor!=Array){...
在JavaScript（JS）编程中，实现仿百度搜索框输入文字删除功能主要涉及到DOM操作、事件监听和CSS样式设计。这个代码示例可能是为了提供一个具有动态删除功能的搜索框，用户在输入文字后，可以方便地点击右侧的“X”...
在网页开发中，"js带搜索框的下拉列表"是一种常见的交互元素，它结合了传统的下拉选择框和搜索功能，使得用户在大量选项中快速找到目标变得更加方便。这种功能通常用于提供筛选或者过滤选项，特别是在选项数量较多时...
【JS百度搜索框联想词提示代码】是一种使用JavaScript编写的前端技术实现，它主要用于创建一个类似于百度搜索引擎的自动联想提示功能。在用户输入关键词时，该代码能够实时地从预设的数据源中匹配并显示相关的搜索...