html js button 按钮怎么写事件代码

写了一个搜索框但是事件不会弄······代码在下面，测试按下按钮没反应，就先改成了信息框的，想弄成，点击按钮，就可以打开指定网站ps.指定网站不是固定的而是比如打开a/+... 写了一个搜索框但是事件不会弄······
代码在下面，测试按下按钮没反应，就先改成了信息框的，
想弄成，点击按钮，就可以打开指定网站

ps.指定网站不是固定的而是比如打开 a/+搜索框内容
假设搜索框内容是aass
也就是打开了 a/aass
用这种方式弄个简易的搜索框
大佬快来~

<style>
.d3 form {
background: #E5E5E5;
position: relative;
margin: 0 auto;
}
.d3 input, .d3 button {
border: none;
outline: none;
background: transparent;
}
.d3 input {
width: 100%;
height:35px;
padding-left: 15px;
font-size:13px;
font-family:微软雅黑;
}
.d3 button {
height: 35px;
width: 35px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.d3 button:before {
font-size: 13px;
}
</style>
<div class="d3">
<form>
<input type="text" placeholder="发帖求助前要善用【搜索】功能，这里可能会有你要找的答案...">
<button id="search-btn" onclick="alert('这是一个事件测试')" type="submit"/><img src="so.png" height="19" width="18" alt="搜索" /></button>
</form>
</div> 展开

 我来答

3个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

catchfinally
2017-02-04 · TA获得超过450个赞

知道小有建树答主

回答量：472

采纳率：0%

帮助的人：109万

我也去答题访问个人页

关注

展开全部

<html>
<style>
.d3 form {
background: #E5E5E5;
position: relative;
margin: 0 auto;
}
.d3 input, .d3 button {
border: none;
outline: none;
background: transparent;
}
.d3 input {
width: 100%;
height:35px;
padding-left: 15px;
font-size:13px;
font-family:微软雅黑;
}
.d3 button {
height: 35px;
width: 35px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.d3 button:before {
font-size: 13px;
}
</style>
<script language="javascript">
function search(){
var key=document.getElementById("key").value;
window.open("http://www.baidu.com?key="+key)
}
</script>
<body>
<div class="d3">
<form>
<input type="text" id="key" placeholder="发帖求助前要善用【搜索】功能，这里可能会有你要找的答案...">
<button id="search-btn" onclick="javascript:search()" type="button"/><img src="so.png" height="19" width="18" alt="搜索" /></button>
</form>
</div>
</body>
</html>

已赞过 已踩过<

评论收起

匿名用户
2017-02-04

展开全部

<!DOCTYPE html>
<html lang="en" charset='utf-8'>
<style>
.d3 form {
background: #E5E5E5;
position: relative;
margin: 0 auto;
}
.d3 input, .d3 button {
border: none;
outline: none;
background: transparent;
}
.d3 input {
width: 100%;
height:35px;
padding-left: 15px;
font-size:13px;
font-family:微软雅黑;
}
.d3 button {
height: 35px;
width: 35px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.d3 button:before {
font-size: 13px;
}
</style>
<div class="d3">
<form>
<input type="text" id='serchbox' placeholder="发帖求助前要善用【搜索】功能，这里可能会有你要找的答案...">
<button id="search-btn" onclick="serch();" type="submit"/><img src="so.png" height="19" width="18" alt="搜索" /></button>
</form>
</div>
<script>
function serch(){
	var value = document.getElementById('serchbox').value;
	window.open('a/'+value);
}
</script>
</body>
</html>

本回答被网友采纳

已赞过 已踩过<

评论收起

a920164282
2017-02-04 · 超过33用户采纳过TA的回答

知道答主

回答量：76

采纳率：100%

帮助的人：40.7万

我也去答题访问个人页

关注

展开全部

问题描述的不清楚。打开的指定网站：a/aass是什么？网页吗？
a表示文件夹名称？
aass表示网页名称？

追问

额。
比如a是百度 就是 百度的com+搜索框的内容

也就是按下按钮
打开百度的网站+搜索框的内容的这个网站

追答


function openWS() {
var content = document.getElementById("content").value;
window.open("http://www.baidu.com/" + content);
}

是这个意思么？..

已赞过 已踩过<

评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

html js button 按钮怎么写事件代码

其他类似问题

为你推荐：