• ベストアンサー

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

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

  • HTML
  • 回答数1
  • ありがとう数6

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

  • ベストアンサー
  • outbrave
  • ベストアンサー率60% (231/380)
回答No.1

input[type="text"] {width:500px;height:60px;} とか。

kybvowmgn
質問者

お礼

ご回答ありがとうございます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連する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
  • スタイルシートでの文字サイズ指定について

    ホームページの文字表示サイズについての質問です。 私は全てWindows Vistaのメモ帳で作っているのですが、文字サイズを <Font Size="サイズ"> で指定するやり方では、ＭＡＣで有効ではないと分かり、スタイルシートの外部から引き出すやり方で、まずs.cssに、 BODY { font-size: 13px } と書き、index.htmlに <head> <style Type="text/css"> <!-- body,td {line-height:15pt;} --> </style> <link href="s.css" rel="stylesheet" type="text/css"> </head> と打ち込んでみました。 しかし、こうするとMacX10.5では文字化けを起こしてしまいました。 <link href="s.css" rel="stylesheet" type="text/css"> を挿入するやり方がどこかおかしいのでしょうか。 または、文字サイズの指定のやり方が、他にもあるのでしょうか。お手数かと思いますが、どうかお助けください。

  • Web文字サイズの指定

    スタイルシートにて、 下記の様にWebの文字サイズを指定しているのですが、 <STYLE TYPE="text/css"> <!-- BODY,TD,TR,CAPTION{ font-size: 10pt ;} <!-- Win：NN6.2、Mac：IE5.x　等の 文字表示を％指定するブラウザの場合、 指定した文字サイズで表示しないのですが、 指定方法が間違っているのでしょうか。 また、上記の方法にて文字サイズが指定できない場合、 他の手段はあるのでしょうか？ ご回答よろしくお願いします。

    • 締切済み
    • CSS
  • [html　フォント複数指定]

    お伺いしたいのですが… HTML内でフォントを複数指定することはできますでしょうか？ 下のもので、アルファベットと日本語の２つを指定したいのですが …それともいちいち<body>内で どちらかを指定しないといけないのでしょうか。 基本的な質問ですがよろしくお願いいたします。 <style type=text/css> <!-- body,td { font-size:文字サイズpt; color:#文字の色; font-family:'フォントの種類'; line-height:行間pt;} --></STYLE>

    • ベストアンサー
    • HTML
  • スタイルシートの優先順位について

    以下のようなHTMLとCSSを記述したとします。 <p>タグに囲まれた「test」という文字に対して、Bodyタグから font-size:10emと、PタグからFontChangeクラスを指定して、 font-size:0.1emを適用しています。 一見、優先順位の高いFontChangeクラスの0.1emが「test」に対して適用されそうに見えますが、 実際には両方のスタイルが適用され、中途半端なフォントサイズになります。 優先順位を無視してスタイルが2重適用されるのは何故でしょうか？ ご教授下さい。 宜しくお願いします。 <html> <head> <style type="text/css"> <!-- body { font-size:10em; } .FontChange{ font-size:0.1em; } --> </style> </head> <body> <p class="FontChange" >test</p> </body> </html>

    • ベストアンサー
    • HTML
  • 指定のinputに入力

    恐れいります。 <form action="./xxx.cgi" method="POST"> <input type="text" name="name1"> <input type="text" name="name2"> <input type="text" name="name3"> <input type="text" name="name4"> <input type="text" name="name5"> <input type="submit" value="送信"> </form> と、5つの入力欄があり、別ウィンドウから、指定の場所に代入することは可能でしょうか。例えば、name1のエリアに、別ウィンドウからformで「test」という文字を送信して入力する感じです。 よろしくお願いします。

  • INPUT TEXT内の文字位置を指定したい

    例えば、<input type="text" name="hoge">というフォームを作ったとします。 そのフォーム内に文字を入力した際に、文字をフォームのどの位置に配置するか指定したいのですがどうすればよいでしょうか？ CSSで指定できると助かります。 ご回答よろしくお願いします。

  • 文字サイズ変更ボタンがIE6で反応しない

    <style type="text/css"> #resize{font-size:12px;} #resize.middle{font-size:12px;} #resize.big{font-size:20px;} </style> とヘッダー部分に指定しておいて、 bodyタグ内で、 <input type="radio" name="sample" id="sample" onClick="document.getElementById('resize').className='middle'; return false;">中 <input type="radio" name="sample" id="sample" onClick="document.getElementById('resize').className='big'; return false;">大 と記述し、文字サイズ変更ボタンを作成しました。 IE7、firefoxでは無事反応したのですが、 IE6だとなぜか反応してくれません。 IE6は文字サイズ変更には対応していないのでしょうか・・・。

  • テキストボックスが、縦長になる

    このokwaveの質問テキストボックスのようなテキストボックスを作りたいです。 パソコンだけの利用です。スマホ対応は不要です。以下のようなcgiを書きました。 textarea{　のwidtを増やしたり、col=を増やしたりしていますが、横幅が狭いままで、縦長のテキストボックスになります。 どうすればよろしいでしょうか？ <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style type="text/css"> textarea { width 1000ptx; height 40em; } </style> </head> <form action="insert_data.cgi" method="post"> <input type="hidden" name="mode" value="display_data"> Data text<br> <textarea name="data_text" value="" col="1000" rows="50"></textarea> <input type="submit" value="SUBMIT" style="font-size:x-large;" /> </form>

    • ベストアンサー
    • CGI
  • ｈタグについて　色・サイズを同時に指定したい

    スタイルシートでフォントのサイズと色を同時に設定したい時は、 ｈタグを使うしかないのでしょうか？ <html> <head> <title>test</title> <STYLE TYPE="text/css"> <!-- h1 { font-size:50%;color:green; } --> </STYLE> </head> <body> <h1>test</h1> </body> </html> このような場合です。 ｈタグは見出しに使うべきで6つしか指定できないとのことですが 見出しでもない文字に色とサイズを設定したい上、６つ以上パターンがある場合、 どうすればいいでしょうか？

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する