當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
HTML+JavaScript简单搜索功能实现
生活随笔
收集整理的這篇文章主要介紹了
HTML+JavaScript简单搜索功能实现
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><title>百度一下</title><meta charset="utf-8" />
</head><body><div class="panel-body" style="padding: 0px 15px;">姓名：<input id="obj1" type=text style="width:300px;" value="陳汗" /><button id="btn2" onclick="f1()">點擊檢索</button></div><script type="text/javascript">function f1() {var v = document.getElementById("obj1");location.href = "http://localhost/jeecg/tongjiController.do?zongsousuo&name=" + v.value;}</script>
</body></html>
<!DOCTYPE html>
<html>
?
<head>
<title>百度一下</title>
<meta charset="utf-8" />
</head>
?
<body>
<div class="panel-body" style="padding: 0px 15px;">
姓名：<input id="obj1" type=text style="width:300px;" value="陳汗" />
<button id="btn2" οnclick="f1()">點擊檢索</button>
</div>
<script type="text/javascript">
function f1() {
var v = document.getElementById("obj1");
location.href = "http://localhost/jeecg/tongjiController.do?zongsousuo&name=" + v.value;
}
</script>
</body>
?
</html>
總結
以上是生活随笔為你收集整理的HTML+JavaScript简单搜索功能实现的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Spring总结四：JDBC操作
- 下一篇： 2.2 css学习