外部ページに検索フォームをつける

検索

-----------------------------------------------------このページのソース
【style、script】

<style type="text/css">
h2.txtTitle {
background: url("http://msdepart.shop13.makeshop.jp/design/msdepart/image/bg_h2title.png") no-repeat;
color: #333;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3";
font-size: 17px;
font-weight: bold;
line-height: 250%;
margin: 20px auto;
padding-top: 4px;
text-indent: 1.5em;
}

.searchBlock{
clear:both;
margin:30px auto;
}
.searchBlock input {
border: 1px solid #999;
float: left;
height: 25px;
margin-right: 10px;
width: 300px;
}
p{font-size:14px;}
</style>
<script>
function CheckKey_search()
{
key=event.keyCode;
if (key==13) {
document.search.submit();
}
}
function Search(){
if (document.search.id || document.search.passwd){
document.search.id.value = '';
document.search.passwd.value = '';
}
document.search.submit();
}
</script>

【HTML】
<h2 class="txtTitle">外部ページに検索フォームをつける</h2>
<form action="http://msdepart.shop13.makeshop.jp/shop/shopbrand.html" method="post" name="search">

<div class="searchBlock">
<input onkeydown="CheckKey_search()" name="search" kl_virtual_keyboard_secure_input="on">
<a href="JavaScript:Search();"><img class="alpha80" alt="検索" src="http://msdepart.shop13.makeshop.jp/design/msdepart/img/common/side_search_btn.gif"></a>
</div>

</form>