• ベストアンサー

テキストボックスの文字の大きさを変更するには

タグ打ちでWebページを作っています。 テキストボックスに関する質問です。 テキストボックス本体の大きさは下のように記述すれば指定できることはわかっているのですが、 <input type="text" size=xx> テキストボックス内の「文字」の大きさを変更するにはどうすればよいでしょうか。 HTMLタグ、JavaScript、CSSでできる方法を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
noname#10926
noname#10926
回答No.1

CSS 例えば <INPUT type="text" size=xx style="width : 200px;height : 50px;">

urokogumo
質問者

お礼

早速ご回答していただいてありがとうございます。

その他の回答 (1)

回答No.2

本体<input type="text" class="typetext"> スタイルシート <style type="text/css"> <!-- .typetext{ font-size:xxpt; width:xxem; } --> </style>

urokogumo
質問者

お礼

ありがとうございます。 本で調べてもなかったのですが・・・ 皆さんお詳しいですね。

関連するQ&A

  • スマホでテキストボックスに文字を入れようとすると、

    モバイルのサイトを作っているのですが、 body {font-size:0.9em;} input[type="text"] {width:200px;font-size:0.9em;} のようなcssを定義していて、 <input type="text" name="テキスト" id="テキスト" value=""> のように、テキストボックスを設置しているのですが、 スマホでテキストボックスに文字を入れようとすると、ズームされてしまいます。 これを避けるにはどうすればいいでしょうか? テキストボックスに文字を入力し終わっても、ズームが元に戻りません。 androidです。

    • ベストアンサー
    • HTML
  • inputタグのテキストBOXだけ右寄せにする方法

    inputタグのボタンやテキストBOXが混在しているページがあります。 この中のテキストBOXだけ右寄せにしたいと思っています。 原始的なJavaSctiptは使わずに、かつID指定・class指定なしに。 シンプルにきれいに、が希望です。1つ1つ指定というのはしたくないです。 昔はJavaScriptでinputタグのものを全部持ってきて 全ループさせながらtypeを判定しテキストBOXのものだけを どうこうするとか書きましたが、原始的なので書きたくありません。 というかもう少しスマートな書き方はないものかと思い 質問をすることにしました。 スタイルシートだけで書ければいいなと思いますがこれを知りません。 input:text {…} みたいな書き方があればいいなと思っています。 これがダメな場合でもprototypeやjquery等のライブラリを使用し シンプルなJavaScriptの記述で実現できればそれを知りたいです。 ・原始的なJavaScriptは使わない ・id・class指定のスタイルシートは使わない ・スタイルシートだけでテキストBOXだけを右寄せにする方法 ・JavaScriptライブラリを使用してテキストBOXだけを右寄せにする方法 ・スタイルシート単独もJavaScriptライブラリを使用しても出来ない場合は  「出来ない」との明言を こんな感じでお願いします。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • Web上のテキストボックス

    アプレットやサーブレットではなく、GUIで作ってます。 JFrameでフォームとテキストボックスとボタンを作っています。 ボタンをクリックするとテキストボックスに書かれた内容が、指定したWeb上のテキストボックスに表示されるというプログラムをつくろうとしています。 考えでは、指定したWeb上のURLのHTMLソースを読み取り、「INPUTタグ」がみつかったらその「VALUE」の中にデータをいれようと考えています。 これを実現する方法を教えてください><

    • ベストアンサー
    • Java
  • テキストボックスの初期値について

    テキストボックスに初期値を入れたいときは <input name="text1" type="text" value="初期値"> というように、valueで指定すると思うのですが、 初期値に【"】半角のダブルクオートを含めたい場合は どのように記述するのですか? <input name="text1" type="text" value=""初期値""> のように記述すると空白が表示されてしまいます。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • テキストボックスに文字飾り表示(2の3乗)が出来ない。

    テキストボックスに文字飾り表示(2の3乗)が出来ない。  JavaScriptを使用しテキストボックスに上付き、下付き文字を表示したいのですが上手く表示しません。HTMLのコードが出てしまいます。下記簡単なコードを添付しますので、何方か正しい表示方法を教えてください。 参考までにコード中(1)は正しく表示できず(テキストボックス中)、(2)は正しく表示します。(非テキストボックス) <HTML> <HEAD> <SCRIPT language="JavaScript"> function disp(){ var c=new Array("2"+"3".sup(),"1","2"); document.tm.a1.value=c[0]; // (1) document.write(c[0]); // (2) } </SCRIPT> </HEAD> <body> <FORM name="tm"> <INPUT type="button" value="" onClick="disp()"> <INPUT name="a1" type="text" size="20" width="10"> </FORM> </body> </HTML>

  • テキストボックスへの値の代入と、PHP

    function setvalue(){ document.getElementById("text3").value = "ユニックス"; } として、JavaScript側で、参照ボタンが押された時に、 id がtext3 のテキストボックスに値を代入したい場合、、 HTML側で <INPUT type="button" value="参照" onclick="setvalue()"> <INPUT type="text" name="言語" id="text3" size="30" class="ws1" #######> ######の部分に、value属性(value="~")は何も書かなくてもいいのでしょうか。 また、これはJavaScriptの関数を呼んでテキストボックスへの値の代入を実現していますが、 これを、PHPスクリプトで、実現する方法はないでしょうか。 ご指導、よろしくお願いします。

    • ベストアンサー
    • Java
  • Javascriptでテキストボックスを変更したい

    Javascriptを使って、テキストボックスの選択した文字だけ、 大きくしたり色を変えたりしたいのですが、 どのように記述したらいいのでしょうか? (テキストボックスにhtmlタグ表示ではなく、ビジュアル的にも変更した情報を表示させたい) 最終的にその情報を保存したいと思っております。

  • ボタンを押したらテキストボックスの文字色をチェンジ

    ボタンをクリックしたらテキストボックスに入っている文字色を黒から赤に変えたいんですがどのようにしたらいいでしょうか? 一応、自分なりに作ってみたものです。エラーがでます。 保存ファイルの拡張子は「html」です。 ------------------------------------------------------- <html> <head> <script language="javascript"> function change(){ document.form1.text1.fgcolor="red"; } </script> </head> <body> <input type="text" value="文字色" name="text1"> <input type="button" value="押す" onClick="change()"> </body> </html> ----------------------------------------------------------

  • ボタンを押すとテキストボックスが増えるJavaScriptについて教えてください

    Javascriptで質問です。 <input type="text" name="hoge1" value=""> <input type="text" name="hoge2" value=""> <input type="text" name="hoge3" value=""> というようなテキストボックスがあり、「追加」というボタンを押すと 新たなテキストボックス <input type="text" name="hoge4" value=""> が追加されるようなJavascriptを作成したいと考えています。 新たに作られたテキストボックスには name="hoge4" name="hoge5" ・ ・ ・ というように、nameの部分に「hogeの右にある番号に1ずつ加算された名前」を付けていきたいのです。 検索すると、テキストボックスを追加していくだけのサンプルはいくつかあったのですが、nameの部分を加算していく、という例が無くて行き詰っています。 よろしくお願いいたします。

  • inputボックスのサイズを指定するには?

    inputボックスのサイズ(大きさ)を指定するには? <style type="text/css"> body { font-size:3em; } </style> としているので、文字は大きくなるのですが、 inputボックスのサイズは大きくなりません。 inputボックスのサイズも3emにするにはどうすればいいですか? ”input サイズ text”でググったら、 <input type="text" name="example2" size="50"> 等 文字制限のサイズの方法しか見つけられませんでした。

    • ベストアンサー
    • HTML