输入框
<!-- 表单模块 -->
<div class="text">
<!-- javasrcipt占位符 -->
<form action="javasrcipt:;" method="#">
<input type="text" id="input">
<input type="submit" id="hand">
</form>
</div>
百度搜索框
<div class="baiduo">
<!-- javasrcipt占位符 -->
<form action="javasrcipt:;" method="#">
百度<input class="find" type="text" id="connection" value="https://www.baidu.com/s?wd=" +>
<input type="submit" value="搜索">
</div>
</form>
</div>
js部分
//获取提交按钮对象
var hand = document.getElementById("hand");
// 获取百度搜索框对象
var connection = document.getElementById("connection");
//绑定输入框提交按钮单机响应函数
hand.onclick = function () {
//函数调用
judge();
}
// 封装输入判断是否为空
function judge() {
var input = document.getElementById("input");
// 不能为空 不能是空格
if (input.value == null || input.value.replace(/(^s*)|(s*$)/g, "").length == 0 || input.value.length == 0) {
alert("输入不能为空");
} else {
//百度搜索拼接
connection.value = "https://www.baidu.com/s?wd=" + input.value;
}
}