HTML增加一个百度搜索框

最新推荐文章于 2024-04-18 13:51:27 发布

原创最新推荐文章于 2024-04-18 13:51:27 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #web #css #html #javascript

前端小白学习专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript创建简易搜索引擎的方法。通过输入框接收用户查询，并利用JavaScript的location.href属性跳转到百度搜索页面，展示用户查询的内容。这为初学者提供了一个实践前端开发技能的机会。

<html  lang="en">
<head>
	<meta charset="utf_8">
	<title>document</title>
	
</head>
<body>
<script type="text/javascript">
function f1(){
var v=document.getElementById("obj1");
location.href="http://www.baidu.com/baidu?wd="+v.value;
}
</script>
<input id="obj1" type=text style="width:300px;"/>
<button id="btn2" onclick="f1()">百度</button>

</body>
</html>