※ ChatGPTを利用し、要約された質問です（原文：ボタンの文字サイズ＋入力バーの位置が勝手に変わる）
ボタンの文字サイズ＋入力バーの位置が勝手に変わる
このQ&Aのポイント
ボタンの文字サイズや入力バーの位置が勝手に変わるJavaScriptについての質問です。
バーに文字を入力すると、位置が変わる現象が発生しているため、修正方法を知りたいです。
JavaScriptの修正方法を教えてください。文字サイズや入力バーの位置が安定するようにしたいです。
下記のjavascriptを表示した際に、文字サイズが大ぐらいから中ぐらいに勝手に変わったり、ボタンの所にカーソルを持っていくと文字サイズが変化したり、バーに文字を入力すると、バーの位置が変わったりするのですが、どうなっているのでしょうか？
動かないようにしたいです。
javascriptは全くわからないので、
どこをどう変えればいいのか、わかりやすい回答をお願いします。
<form name="fm" action="void" onSubmit="return false;">
<table style="background-color: #e0e0e0"><tr><td>
<input Type="text" name="k" size="60" maxlength="255" value="" onKeyPress="if(event.keyCode == 13) { search('google'); }">
<input Type="reset" value="Reset">
</td></tr><tr><td>
<INPUT type="checkbox" id="chk_blank" checked>
<input Type="submit" value="Google" onClick="search('google');">
<input Type="submit" value="Yahoo" onClick="search('yahoo');">
</td></tr></table>
</form>
<!-- ****Google -->
<form name="f_google" method="GET" action="http://www.google.com/search" Accept-charset="Shift_JIS">
<input type="hidden" name="q" value=""><input type="hidden" name="ie" value="Shift_JIS">
<input type="hidden" name="oe" value="Shift_JIS"><input type="hidden" name="hl" value="ja">
<input type="hidden" name="lr" value="lang_ja"><input type="hidden" name="num" value="20">
</form>
<!-- ****Yahoo! -->
<form name="f_yahoo" method="GET" action="" Accept-charset="euc-jp">
<input type="hidden" name="p" value="">
<input type="hidden" name="ei" value="euc-jp">
</form>
<script LANGUAGE="JavaScript" Type="text/javascript">
<!--
function seteuc(fx){
bkup=document.charset;
document.charset="euc-jp";
display(fx);
document.charset=bkup;
}
function setsjis(fx){
bkup=document.charset;
document.charset="shift_jis";
display(fx);
document.charset=bkup;
}
function display(formx) {
formx.target = getTarget();
formx.submit();
}
function sitetop(ur) {
swin=window.open(ur,getTarget(),"");
swin.focus();
}
function search(eng) {
q=document.fm.k.value;
if(eng=="google") { if(q=="") sitetop("http://www.google.co.jp/"); else { fw=document.f_google; fw.q.value=q; setsjis(fw); }}
if(eng=="yahoo") { if(q=="") sitetop("http://www.yahoo.co.jp/"); else { fw=document.f_yahoo; fw.p.value=q; fw.action="http://search.yahoo.co.jp/search"; seteuc(fw); }}
}
function getTarget(){
blankFlg = document.fm.chk_blank.checked;
target = "";
if( blankFlg == true ){
// 別窓で開く
target = "_blank";
}
else{
// 同じ窓で開く
target = "_top";
}
return target;
}
//-->
</script>
補足
丁寧なご回答ありがとうございます！ アドバイスのおかげでバーは動かなくなりました！ しかし、最初に表示した時にボタンへカーソルを持っていくと、 yahooとリセットボタンの文字サイズが変化します。 ちなみにすべてのソースを掲示しています。CSSも何もいじっていません。初期設定のままです。 編集はヤフーのジオクリエーターでやっています。 http://www.geocities.jp/desk_top_search/aaaaa.html ↑こちらで確認できます。 このソースは質問して改造してもったのですが、改造をしてもらう前までは、バーも文字サイズも変化しませんでした。 元のソースが載っている質問と経緯はhttp://oshiete1.goo.ne.jp/qa4197457.htmlです。 よろしくお願いします。