• ベストアンサー

inputやtextarea内のフォントの大きさを変えたい

http://www.hotpegasus.com/cgitest/skin/ibbs.cgi テストの段階ですが、inputやtextarea内のフォントの大きさを小さくしたいのです。 「選択」「送信する」「次の5件」のフォントのサイズも小さくできないのでしょうか? 宜しくお願いします。

  • nkmyr
  • お礼率67% (403/600)
  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • asapinya
  • ベストアンサー率36% (40/109)
回答No.1

CSSを使用します <style type="text/css"> input {font-size: 70%;} textarea {font-size:0.8em;} </style> ヘッダー内にでも記述してみてください。

nkmyr
質問者

お礼

早速の返事をありがとうございました。 お陰様でうまくできました。

関連するQ&A

  • <textarea>と<input type="text">の横の長さをそろえる方法

    <textarea>と<input type="text">の横長さをそろえるにはどうしたらいいのでしょうか? 普通にcols=とsize=ではどうしてもそろえることができません。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • </TEXTAREA>以降が消えてしまう

    会社のHP作成を頼まれ作っているのですが、フォームを作成している中、コメントを入力できる<TEXTAREA>を入れると</TEXTAREA>以降の文章が消えてしまった状態で保存されてしまいます。 <!DOCTYPE HTML PUBLIC "-//IBM//DTD HPB HTML//EN"> <HTML> <HEAD> <META name="GENERATOR" content="IBM HomePage Builder V3.0.5 for Windows"> <TITLE>○○○○</TITLE> </HEAD> <BODY background="WALL_C13.GIF"> <H1 align="center"><FONT color="#00e874"><U>○○○○</FONT></U></H1> <blockquote><blockquote><blockquote><blockquote> <FORM action="mailto:info@aoibm.co.jp?subject=○○○○" method="post" enctype="text/plain"> 内容<br> <INPUT type="checkbox" name="demo">○○<INPUT type="checkbox" name="omitsumori">○○<br><br> 御社名<br><INPUT type="text" name="company" size="30"><br><br> 部署名<br><INPUT type="text" name="busyo" size="30"><br><br> お名前<br><INPUT type="text" name="name" size="30"><br><br> ふりがな<br><INPUT type="text" name="furigana" size="30"><br><br> Eメール<br><INPUT type="text" name="mail" size="30"><br><br> 郵便番号<br><INPUT type="text" name="yubinbangou" size="30"><br><br> ご住所<br><INPUT type="text" name="address" size="60"><br><br> 電話番号<br><INPUT type="text" name="phone" size="30"><br><br> FAX番号<br><INPUT type="text" name="FAX phone" size="30"><br><br> 詳細内容<br> <TEXTAREA name="irai" cols="50" rows="5" wrap="hard"> </TEXTAREA> <p><INPUT type="submit" value="送信"> <INPUT type="reset" value="リセット"> </p> </BODY> </HTML> これの </TEXTAREA> <p><INPUT type="submit" value="送信"> <INPUT type="reset" value="リセット"> </p> </BODY> </HTML> が消えてしまった状態の保存になってしまいます。 HP作成などしたことがない人間が作ったので、内容がメチャクチャだと思いますが、誰か教えてください。

  • TEXTAREAでエラー

    入力された"TEXTAREA"のデータを入力チェックプログラム を通してエラーチェックを行い、エラーが無かったら "header"関数で確認の画面で表示しようとしています。 TEXTAREAの入力画面に1行で入力した場合は確認の画面 に出力されます。 ところが、改行して文章を入れ送信すると、画面が真っ 白になって次へ進めません。 環境および状況は下記です。 OS: FedoraCore5 PHP: Version 5.1.6 日本語表記:内部表記ともShiht_JIS (送る側のTEXTAREA) <TR> <TD height="20" bgcolor="#f0f8ff" width="26%" nowrap><FONT color="#0000cc" size="-1">状況</font><font color="#0000cc" size="-2" valign="center">(ご自由にお書きください)</font></TD> <TD height="30" bgcolor="#FFFFFF" width="70%" colspan="3">  </TD> </TR> <TR> <TD height="40" bgcolor="#FFFFFF" width="50%" colspan="5" nowrap>  <TEXTAREA name="joukyou" cols="45" rows="10"><?= $joukyou ?></TEXTAREA></TD> </TR><br> (送る側チェックプログラムのheader関数) $joukyou = htmlspecialchars(stripcslashes($joukyou)); header("Location: kakunin.php?joukyou=$joukyou------ (受ける側のTEXTAREA) <TR> <TD height="20" bgcolor="#f0f8ff" width="26%" nowrap><FONT color="#0000cc" size="-1">状況</font><font color="#0000cc" size="-2" valign="center"></font></TD> <TD height="40" bgcolor="#FFFFFF" width="70%">  <TEXTAREA name="joukyou" cols="45" rows="10" readonly><?= $joukyou ?></TEXTAREA></TD> </TR>

    • 締切済み
    • PHP
  • textareaで入力した文字を改行したままで表示したいのですが。

    textareaに複数行で入力した文字を改行したままで表示したいのですが 改行されずに表示されます。 改行したままで表示するのはどうすればいいでしょうか? <HTML> <HEAD> <STYLE type="text/css"> <!-- INPUT {font-size: 12px;} --> </STYLE> <SCRIPT language="JavaScript"> <!-- function check(){ var strName; strName = document.nform.textN.value; var test = document.getElementById("test"); test.innerHTML = strName; } //--> </SCRIPT> </HEAD> <BODY> <FORM name="nform" > <textarea cols="30" rows="10" name="textN"></textarea> <input type="button" value=" 確認 " onClick="check()"> </FORM> <DIV id="test" style="position:absolute;font-size:24px;"> </DIV> </BODY> </HTML>

    • ベストアンサー
    • HTML
  • textareaを使ったデータ呼び出し

    CGIで書き出すHTML部分の改良をしています。 print <<EOF; <input type=text name=comment size=50 value="$comment"> EOF これを textarea を使ってデータの呼び出し、書き換えをしたい のですが上手くできません。 記述の仕方を教えて頂けないでしょうか。宜しくお願い致します。

    • ベストアンサー
    • Perl
  • <textarea>で「入力内容が大きすぎます」というエラーがでる

    お問い合わせフォームcgiを作成中です。 テスト送信をしているのですが、テキストエリア(問い合わせ内容)の文字数でエラーがでます。約100文字打ち込んで送信ボタンを押すと 次ページで「”問い合わせ内容”の入力内容が大きすぎます」というエラーがでます。約20文字ではエラーはでません。 私は、問い合わせ内容に入力する文字数の制限はかけていないつもりなのですが。 実際のタグです。 お問い合わせ内容<textarea name="お問い合わせ内容"></textarea> CGIは、kent webさんのpostmail Ver: 4.11 をお借りしています。

    • ベストアンサー
    • HTML
  • textareaの内容が一部の携帯で無効に

    以下のように記述して投稿フォームを作っています。 <form action="******.cgi" method="post" enctype="" > <input type="hidden" name="mode" value="prev"> <input type="hidden" name="name" value="">       ・       ・       ・ <textarea cols="55" rows="8" name="CONTENTS"></textarea>       <input type="submit" value="送信" class="btn"> </form> なぜか一部の携帯で<textarea>内の文字列が送信されません。 name属性が大文字なのが原因でしょうか? formのenctype属性が空欄だからでしょうか。 ちなみに問題を確認した端末はAUの京セラK002です。

  • TEXTAREAからのデータを改行入りで表示したい

    urizakaです。 さて現在、Tomcat+PostgreSQL+JavaでDBから持ってきたデータを 一度TEXTAREAに代入し、そこでデータの修正を行った後に、その修正 データを次の画面で表示するというプログラムを組んでいるのですが、 このTEXTAREAで入力したデータが、次の画面での表示の際にうまく 改行してくれません(改行なしで表示されます)。Tomcat上ではうまく 改行されて表示されているのですが・・・。  いったいどうすれば、Web画面上でもうまく改行してくれるのでしょう? 「ソースコード(最初のページ)」 (前略) <form name="form2" method="post" action="MContConf.jsp"> <p><font size="3"><b><font size="5">[改定]</font></b></font><BR> <BR><TEXTAREA NAME="Cont2" ROWS="20" COLS="100" WRAP="hard">  <%=mcont%></TEXTAREA></p> <input type="submit" name="submit" value="上記フォームで送信"> </form> (後略) 「ソースコード(次の画面)」 <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=EUC-JP"> <%@ page contentType="text/html; charset=EUC_JP" %> <%@ page import="BasisBean,java.util.*" %> <jsp:useBean id="Basisbean" class="BasisBean"> <% //↓文字化け対策 String Content = Basisbean.cSet(request.getParameter("Cont2")); //↓これでTomcatに表示させると、Tomcat上では改行して表示する System.out.println("answer : " + Content); %> <html><body bgcolor="#FFFFFF" text="#000000"> <p align="center"><b>以下のような内容で送信します。</b></p> <p><b><font size="4"><%=Content%></font></b></p></body> </jsp:useBean></html> Java環境はJ2SDK1.4です。 すみませんが、ご存知の方、よろしくお願いします。

    • ベストアンサー
    • Java
  • UIコンポーネントのTextareaのフォントについて

    Textareaを使用して外部テキストファイルを読み込み、更新情報を表示するといったコンテンツを現在作っています。 なんとか外部テキストファイルの表示まではできました。 フォントやそのサイズ、色などの設定をしたいのですが、よくわからないので、質問させていただきます。 過去ログ(http://oshiete1.goo.ne.jp/kotaeru.php3?q=970894)からTextareaでの設定についてDPEさんの以下のようなアドバイスを見つけました。  /* TextArea のカスタマイズ */   //縦・横のスクロールバーを自動で出す   disp_fld.vScrollPolicy = "auto";   disp_fld.hScrollPolicy = "auto";   //文字の折り返しを禁止する   disp_fld.wordWrap = false;  /* 文字に関する設定 */   //使用するフォント   disp_fld.setStyle( "fontFamily" , "_等幅" );   //文字のサイズ   disp_fld.setStyle( "fontSize" , 15 );   //斜体・太文字にする   disp_fld.setStyle( "fontStyle" , "italic" );   disp_fld.setStyle( "fontWeight" , "bold" );   //テキストの色を青にする   disp_fld.setStyle( "color" , 0x0000DD ); わからないことは次の4点です。 1,フォントを指定すると、そのフォントは埋め込まれるのか?あるいは閲覧ユーザのブラウザの設定にゆだねられるのか。 自分のマシンに入ってるフォントを表示したいが、どうすればいいのか。 2,このsetStyleはどのオブジェクトに記述すべきなのか。 3,disp_fld.vScrollPolicy = "auto";   disp_fld.hScrollPolicy = "auto"; などの記述は必ず必要なのか、 4、System.useCodepage = true; は記述した方がいいいのか、もしそうならばどこへ記述するべきなのか。 よろしくお願いします。

    • ベストアンサー
    • Flash
  • フォームについて

    マイホームページに 下記のようなフォームを作成しました。 <font color="#666666" size="2" face="MS Pゴシック, Osaka">このサイトについての感想、ご意見</font> <br> <br> <br> <form action="/cgi-bin/FormMail.cgi" method="POST"> <font color="#666666" size="2" face="MS Pゴシック, Osaka">お名前</font>:<input type="text" name="realname" size="30"> <br> <br> <font color="#0099FF" size="2" face="MS Pゴシック, Osaka">メールアドレス</font>: <input type="text" name="email" size="35"> <br> <br> ご意見・ご感想: <textarea name="textfield" cols="50" rows="5"></textarea>     <br> <br> <input type="hidden" name="recipient" value="yssm@cameo.plala.or.jp"> <input type="hidden" name="required" value="email,realname"> <input type="hidden" name="subject" size="50" value="TEST MAIL from WWW" /> <input name="submit" type="submit" value="送信" /> <input type="reset" value="初めから書き直す"> </form> これを私のメールアドレス(yssm@cameo.plala.or.jp)に送信したいのですがうまくいきません。 基本的な部分、思考が間違っているのでしょうか。 ご回答をよろしくお願いいたします。

専門家に質問してみよう