• ベストアンサー

JavaScript~フォームのテキストエリアの設定

フォームのテキストエリアの背景色を指定できたと思うのですが、 どのサイトでそれを見たのか忘れてしまい、どうしても見つかりません(^-^;; 方法、又は説明のあるサイトをご存知でしたら教えて下さい。 あと、同じくフォームのテキストエリアで、 入力した文字のフォントの種類やサイズを指定できますか? 読み込んだあとではなくて、書いているときです。 (説明が下手でごめんなさい) ネスケで見たときにテキストエリアが広くなってしまって、 掲示板等のデザインが崩れてしまいます。 同じ数値で指定するとI.E.よりネスケのほうが広くなるし字も大きいのですが、 ネスケ用に別指定等できるのでしょうか? お時間のあるときで構いませんので宜しくお願いします。

noname#9774
noname#9774

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

  • ベストアンサー
  • yuizuian
  • ベストアンサー率42% (103/245)
回答No.2

ごめんなさい、上手く投稿できなかったようなのでもう一度… ### ここから ### 前者はスタイルシート、後者はJavaScriptで実現可能です。 ■フォントの種類とサイズを指定 <TEXTAREA STYLE="font-family:'フォント名';font-size:フォントサイズ;"> 背景色も同じ要領でできます。 ■ブラウザによってテキストエリアのサイズを変更する navigator.appName.charAt(0); と navigator.appVersion.charAt(0); でブラウザのバージョンを識別できます。 詳しくは下記URLをご参照ください。 http://tohoho.wakusei.ne.jp/wwwjssm2.htm#SwitchBrowser スタイルシートやJavaScriptについて詳しく解説されたサイトがありますのでご紹介しますね。 ### ここまで ###

noname#9774
質問者

お礼

ありがとうございます。 さっそくやってみます!

その他の回答 (2)

noname#10927
noname#10927
回答No.3

一行テキスト <FORM><INPUT size="20" style='font-size : 27px;font-family : "MS Pゴシック";color : aqua;background-color : yellow;' type="text" name="1"></FORM> 複数行テキスト <FORM><TEXTAREA rows="2" cols="20" style='font-size : 14px;font-family : "MS Pゴシック";color : blue;background-color : lime;' name="1"></TEXTAREA></FORM> お試しください。

noname#9774
質問者

お礼

ありがとうございます。 さっそくやってみます!

  • yuizuian
  • ベストアンサー率42% (103/245)
回答No.1

前者はスタイルシート、後者はJavaScriptで実現可能です。 ■フォントの種類とサイズを指定 <TEXTAREA STYLE="font-family:'フォント名';font-size:フォントサイズ;">

参考URL:
http://tohoho.wakusei.ne.jp/www.htm

関連するQ&A

  • フォームやテキストエリアの背景のみ半透明

    フォームやテキストエリアの背景のみ半透明化する方法はありますか? 画像を半透明にするのはわかるのですが、フォームに背景画像を指定し、それを半透明化するなんてことできますか? 枠や入力している文字列は半透明にならないようにしたいです。

  • MACネスケでFORM内のテキストエリアの横幅を制御したい

    FORMを作り、テキストエリア(ちょうどこのサイトのように)を置いたのですが、MACのネスケ4.7でとんでもないことになります。 WINのIE・ネスケ、MACのIEではテーブル内に収まっているのですが、MACのネスケで見るとテーブルをかなり飛び出してしまいます。それに合わせてcolsを小さくすると普通に見えてる上記ではかなり小さくなってしまいます。 OS、ブラウザでの誤差はわかりますが、いくらなんでも・・というくらい幅が違いすぎるので、なにかいい方法はないでしょうか? テキストエリアのソースは以下のようにしてます。 <TEXTAREA name="textfield" cols="30" rows="10" wrap="hard"></TEXTAREA>

  • Accessのフォームの書式設定

    売上のテーブル(売上テーブル)を元にクエリ(売上クエリ)を作りました。そしてその売上クエリを元にフォーム(売上フォーム)を作りました。オートフォーム(単票形式)で作ったのですが、フォームビューからデザインビューへ切り替えました。「ラベル」(ID、商品名、価格)と「テキストボックス」(ID、商品名、価格)が表示されています。「ラベル」も「テキストボックス」に表示されている名前の文字(ID、商品名、価格))は全て左揃えで表示されているのに、実際にフォームビューでは「価格」の数値の表示は右揃えされています。これはどうしてでしょうか?数値はエクセルなどと同じで右揃えされるのでしょうか? その後、デザインビューへ切り替えて「テキストボックス」の「価格」を中央揃えにしてフォームビューに切り替えてると中央揃えにはなっていました。オートフォームで作ったすぐの状態では、デザインビューではテキストボックスの表示されている文字は全て左揃えになるがフォームビューでは数値は右揃えになるのでしょうか? 教えてください。

  • テキストエリアでタグ使用可…

    CGI勉強中です。 掲示板を作っているのですが、テキストエリア内でタグを使用できるようにするにはどうしたら良いのですか? ってここに解答を書いていただいたらそれはそれでうれしいのですが、 「このサイトに詳しく載っているよ」の方が、自分のためにもなると思うので、そういったサイトをご存知だったら教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • CGI
  • テキストエリアの内容がメールに送信できない

    テキストボックスやラジオボタンなど、フォームに書き入れた内容をメールに送信するプログラムを作っています。(アンケートフォームのようなもの) まず、nyuryoku.phpでテキストエリア内に入力されたものを kakunin.php に $area1 として、表示させました。その内容を、hidden でmail.php に送りました。 kakunin.phpでは、$area1 がきちんと表示されるのに、 メールに送られてきた内容は、1行しか送られてきません。 なぜなのでしょうか? kakunin.phpで改行させる為に、  $area2 = nl2br($_POST[area]."\n"); をしましたが、それは関係あるのでしょうか。 分かりづらい説明で、申し訳ありませんがよろしくおねがいします。

    • ベストアンサー
    • PHP
  • ワードのテキストボックスフォームフィールド 【プロパティで設定した種類以外のデータ】

    ワード2003のテキストボックスフォームフィールドについて おわかりになる方いらしたら、教えて下さい。 テキストボックスフォームフィールドを挿入して、「テキストボックスフォームフィールド」 ダイアログボックスで種類を「文字列」にしました。 動作確認をした所、文字列はもちろんですが、なぜか数値でも日付でも入力出来ました。 ここでの種類の指定は、「文字列のみ」「数値のみ」というように、 あらかじめ入力内容を制限する為の設定だと理解していましたが、指定した種類以外のものでも入力可能です。 となると、ここで種類を指定する目的が何なのかがわかりません。 お分かりになる方、いらっしゃいましたら、ぜひ宜しくお願いしますm(__)m

  • ボックスエリアに写真を貼り付けるには(2)

    ボックスエリアに写真を貼り付けるため、以下のようにテキストエリアの背景画像として挿入を試みたところ、テキスト・エリアに画像の一部のみ表示されました。 質問1: 画像全体を表示させるにはどうしたらよいでしょうか。 質問2: テキストエリアの右側が空白になっていますが、空白部にも見出し、小見出し、テキストを表示させるにはどうしたらよいでしょうか。 <div style="background-color:#0ff;width:950px;height:200px;overflow:auto;"> <TEXTAREA rows="10" cols="25"style="background-image:url(flower008.jpg);"> </TEXTAREA> <FONT STYLE="font-size:8mm" COLOR="#808000" SIZE="8">見出し</FONT> <h3>小見出し</h3> <FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT>

  • 指定したデータを別ページフォームへ引き継ぎたい!

    問合せフォームとJAVASCRIPTに関する質問です。 ECサイトで、商品の説明ページが複数あります。 商品問合せを受け付けるようになっているのですが、各説明ページから「問合せ」ボタンをクリックした際に、問合せフォームの指定したテキストエリアに指定した文字列が入力されている状態にしたいのです。 例えば、商品番号がABC001の場合… ・商品説明ページに「ABC001」というデータを記載(HIDDENなど?) ・商品説明ページの問合せボタンを押すと、フォームの「商品番号」テキストエリアに既に「ABC001」という値が入っている ・商品説明ページの「ABC001」を「DEF002」に変更すると、フォームに入る値も「DEF002」になる これらの動作をCGI・PHPを使わずJAVASCRIPTで実現したいのですが、可能でしょうか。 ご回答、よろしくお願いいたします。

  • テキストエリアの行文字数の固定について

    現在、HTMLを作成しているのですが、 画面で入力した情報を取得して、 PDFに反映させるといったことをしています。 そこで、テキストエリアに入力したままを PDFに出力する箇所があるのですが、 テキストエリアのcolsで指定したバイト数よりも 全角文字が多く入ってしまうので、 PDFと画面で若干ずれが生じています。 現在はcols88でフォントはMSゴシックを指定しています。 この場合ですと、1バイト文字()は88バイト(88文字)入るのですが、 2バイト文字(全角文字)だと94バイト(47文字) 入ってしまいます。 フォントはゴシックとほぼ同じ種類だったら 問題ないので、フォントで対応できる場合も ご教授ください。 又、この問題はどうしようもない問題とご存知でしたら、 そちらもご教授ください。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • テキストエリア内の改行もそのままクリップボードへ

    テキストエリアをクリック→テキストエリア内の内容がコピーされる。 というページを作成しています。 <textarea cols="65" rows="6" onclick="this.select();clipboardData.setData('text',this.value);"> ○○○ ●●● △△△ 111111 222222 </textarea> この内容だと、テキストエリア内の改行が反映されず、コピーされたものを他の場所に貼り付けると、すべて横に繋がった1行の文になってしまいます。 これを、目に見えているまま、改行も含めてそのままコピーさせるには、どうすればいいですか? ちなみに、必要な情報な情報かどうかわかりませんが、同様のテキストエリアが同一ページ内に複数あります。 テキストエリアをクリックでコピーではなく、コピーボタンを押下でコピーでも構いませんが、コピーされるとテキストエリアの色が反転(?)するという動作がほしいと思っています。 説明が下手ですみません…よろしくお願いします。

専門家に質問してみよう