搜索引擎(第二天)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>搜索引擎</title>
<style>
#img1{
width:20px;
height: 20px;
}
</style>
<script>
function doIt(){
var baidu = document.getElementById('baidu');
var sougou = document.getElementById('sougou');
var my360 = document.getElementById('360');
if(baidu.checked){
var img = document.getElementById('img1');
var btn = document.getElementById('btnSearch');
var frmSearch = document.getElementById('frmSearch');
frmSearch.action = 'https://www.baidu.com/s';
img.src = '../day7/img1/百度.png';
btn.value = '百度搜索';
}else if(sougou.checked){
var img = document.getElementById('img1');
var btn = document.getElementById('btnSearch');
var frmSearch = document.getElementById('frmSearch');
var txtSearch = document.getElementById('txtSearch');
frmSearch.action = 'https://www.sogou.com/web';
txtSearch.name = 'query' ;
img.src = '../day7/img1/搜狗.png';
btn.value = '搜狗搜索';
}else{
var img = document.getElementById('img1');
var btn = document.getElementById('btnSearch');
var frmSearch = document.getElementById('frmSearch');
var txtSearch = document.getElementById('txtSearch');
frmSearch.action = 'https://www.so.com/s';
txtSearch.name = 'q';
img.src = '../day7/img1/360.png';
btn.value = '360搜索'
}
}
</script>
</head>
<body>
<form action="http://www.baidu.com/s" id="frmSearch">
<input type="radio" onclick="doIt()" name="serach" id="baidu" checked><label for="baidu">百度</label>
<input type="radio" onclick="doIt()" name="serach" id="sougou" ><label for="sougou">搜狗</label>
<input type="radio" onclick="doIt()" name="serach" id="360" ><label for="360">360</label>
<br>
<img src="../day7/img1/百度.png" alt="" id="img1">
<input type="text" name='wd' placeholder="请输入搜索关键字" id="txtSearch">
<input type="submit" value="百度搜索" id="btnSearch">
</form>
</body>
</html>