このページは福井県立大学の田中求之が2006年1月まで運用していた Mac のサーバ運用に関する会議室 「Web Scripter's Meeting」の記録です。情報が古くなっている可能性がありますのでご注意ください。

JavaScriptでの入力フィールドの調整方法について教えてください

発言者:山野
( Date Monday, November 27, 2000 16:25:23 )


JavaScriptで(1)のHTMLを書く必要が生じ、(2)を作成しました。
同じ表示になると思いましたが、(1)と(2)では、入力フィールドの大きさが違います。(フォント名が違う?)
(2)のJavaScriptの場合の方が、入力フィールドが大きくなります。同じにする方法があれば教えてください。
フィールドの幅は調整できます。高さ(フォント?)の調整ができません。

----------------- (1)
<HTML>
<HEAD>
</HEAD>
<BODY TEXT="000000" BGCOLOR="FFFFFF">

<TABLE BORDER=0>
<TR VALIGN=top><TD WIDTH='100'><FONT SIZE=1>
<INPUT NAME='f1' VALUE=''><BR>
あいうえお
<INPUT NAME='f2' VALUE=''><BR>
</FONT></TD></TR>
</TABLE>
</BODY>
</HTML>

</BODY>
</HTML>

----------------- (2)
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function print_html ()
{
  document.open()
  document.write("<TABLE BORDER=0>")
  document.write("<TR VALIGN=top><TD WIDTH='100'><FONT SIZE=1>")
  document.write("<INPUT NAME='f1' VALUE=''><BR>")
  document.write("あいうえお")
  document.write("<INPUT NAME='f2' VALUE=''><BR>")
  document.write("</FONT></TD></TR>")
  document.write("</TABLE>")
}
</SCRIPT>
</HEAD>

<BODY TEXT="000000" BGCOLOR="FFFFFF" onLoad="print_html()">
</BODY>
</HTML>

山野 さんからのコメント
( Monday, November 27, 2000 16:27:42 )

情報不足でした。環境は Windows98 IE5.0 です。