カラーのフォーム作成方法と更新情報の色付き文字設定について

このQ&Aのポイント
  • ホームページビルダー7でホームページを作っていますが、トップページに更新情報を載せたいです。
  • フォームを使用して更新情報を作成したいのですが、フォーム自体に色をつける方法がわかりません。
  • また、更新情報の文の一部を色付き文字にする方法も知りたいです。
回答を見る
  • ベストアンサー

カラーのフォームを作りたい

はじめまして! よろしくお願い致します。 ホームページビルダー7でホームページを作っています。 トップページに、更新情報を載せたいと思っております。 (「2005年10月23日 写真のページに1枚追加」のように) その更新情報をフォームで作りたいと思ったのですが、 下記HTMLしかわからず、 このフォーム自体に色をつける方法がわかりません。 <form> <textarea name="aaa" rows="30" cols="3"> 2005年10月23日 写真のページに1枚追加 </textarea> </form> どうしたら色付きのフォームができますか? また、更新情報の文の一部を色つき文字にするにはどうしたらよいですか? 教えてください。 どうぞよろしくお願い致します。

noname#109827
noname#109827

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

  • ベストアンサー
  • liv2007
  • ベストアンサー率81% (378/464)
回答No.1

<HEAD>内に以下のようにスタイルシートを記述します。 ※例ではピンク系で文字色はグレーにしてあります。 テキストエリアの中に背景色を指定する他に、スクロー ルバーにも色をつけて(IEのみ)、枠線を表示するように してあります。 ※コピ&ペーストして使用する場合は、全角の文字が混 じらないようにご注意ください。 <style type="text/css"> <!-- textarea{ scrollbar-base-color:#FFCCCC; scrollbar-arrow-color:#FF00CC; background-color: #FFFFCC; border: 1px solid #FF00CC; color: gray; } --> </style> テキストエリアの中では特定の文字だけを指定して色を 変更するということは、確実ではありませんが出来ない ようです。 特定の文字の色を変更したりリンクをつけたい場合は、 <iframe>を使用してはいかがでしょうか? 「とほほのWWW入門」 http://www.tohoho-web.com/www.htm HTMLの他にCSSやJavaScriptについて説明されています。

noname#109827
質問者

お礼

どうもありがとうございました!!スタイルシートまで貼ってくださり、本当に感謝です☆本当にどうもありがとうございました!!

関連するQ&A

  • フォームの入力途中でのプレビューについて

    フォームの入力途中でのプレビューについて質問させてください。 以下のようなフォームがあります。 <form action="sample.php" method="post"> <textarea rows="2" cols="50" name="aaa"></textarea> <input type="submit" value="プレビューする"> <textarea rows="2" cols="50" name="bbb"></textarea> <input type="submit" value="送る"> </form> このフォームの途中の「プレビューする」を押すとそれ以前の入力項目の内容である"aaa"をsample.phpではなく別のphpに送ってプレビューしたいと思っています。 最後の"送る"ボタンを押すとすべての内容がsample.phpに送られます。 このようにフォームの途中でformのaction属性に指定したところとは別のphpに値を送ってプレビューするようなことは可能でしょうか? 解決方法を御存知の方がいらっしゃいましたらよろしくお願いします。 また、他の方法によってフォームの記入内容の途中までをプレビューする”ことが実現可能であるようであればその方法も教えていただけると幸いです。よろしくお願いいたします。

    • 締切済み
    • PHP
  • 複数のフォームを一括で送信することは可能ですか?

    CGIの勉強を始めたばかりの初心者です。 本に簡単なフォームメールがあったのですが、複数のフォームを一括でデータ送信する方法はあるのでしょうか? http://oshiete1.goo.ne.jp/qa3395953.htmlで教えて頂いた方法を真似て、以下のようにしてみたのですが、これだと1つのフォームしかデータ送信できないです。 CGIの方もいじらないと複数のフォームを一括送信はできないのでしょうか? <script language="javascript"><!-- function send() { document.nform.submit(); document.nform2.submit(); } //--></script> <form name="nform" method="POST" action="./5-2.cgi"> <p>お名前 :<input type="text" name="name" size="40"></p> <p> メッセージ: <br> <textarea cols="50" rows="5" name="message"></textarea> </p> </form> <form name="nform2" method="POST" action="./5-2.cgi"> <p>お名前 :<input type="text" name="name" size="40"></p> <p> メッセージ: <br> <textarea cols="50" rows="5" name="message"></textarea> </p> </form> <input type="button" value="送信" onClick="send()">

    • ベストアンサー
    • CGI
  • HPでメールフォームを作るとき

    <TEXTAREA name="メッセージ" rows="6" cols="35">メッセージをいれてください</TEXTAREA></td> と、メールフォームのメッセージを書くところを作るとき こういうのをいれるじゃないですか, しかし保存してみると</TEXTAREA>が<%%TEXTAREA>に なってしまうんです。<%%TEXTAREA>になると下に書いたやつがぜんぶメッセージのトコロにのってしまうんです。 どうやったらなおせるのか知ってたら教えてください! 文章も意味が分からなかったらすいません。 HP作成は2styleを使っています。

  • フォーム制作。

    アンケートをするためにフォームを作っているのですが、 CGI使えないサーバーはできませんよね? 今、自作のCGIは使えないけどフォームとカウンターなら 使えるとか言うのでそれをつかって一応作れているので、 僕は良いのですが、友達がそういうのしたいというので どうやったらフォーム作れるんですか? <INPUT SIZE="30" NAME="">とか <INPUT TYPE="RADIO" NAME="" VALUE="">とか <select name="">とか <TEXTAREA ROWS="4" COLS="40" NAME=""> ・・・とかは分かるんですけどそれだけじゃ送れませんよね。ちゃんと何所に送られるのかを設定しないと・・・。 <FORM ACTION~(?)とかいう初めに付ける奴がわかんないです・・・(^^;) なんか自分でもわかんないのでわけわからない文章に なってしまいました。m(-_-)m

    • 締切済み
    • CGI
  • クラスについて

    フォームの出力やエラーチェックを統括する自作クラスを作ろうとおもっております。 略すぎですが以下のようなソースの場合$formに値を返し配列にしていくにはどうすれば可能でしょうか? class Form { public function __construct() { } function addElement($type, $name, $label, $arr) { return "<textarea name=\"$name\"></textarea>"; } } $form = new Form(); $form->addElement('textarea', 'message', 'メッセージ:', array('rows' => 13, 'cols' => 58)); //同様に必要な分addElementでフォーム生成 うまく表せないのですがclass内で$formに配列を追加していくイメージになるのでしょうか? 例えば単純に $str = $form->addElement('textarea', 'message', 'メッセージ:', array('rows' => 13, 'cols' => 58)); とすれば$strに格納されるのですがpearのhtml_quickformを参考にしてみたところ出力されるものが 結果が全て$formに格納されるようでした。 できるだけソースもすっきりさせたくこのような方法を取り入れたいと思い最終的には$formをsmartyに 渡し表示させたいと思っております。 また、詳細な仕様もまだ決め兼ねている状態でこのようなものを自作するにあたり参考になる情報等が ありましたら是非教えて頂けますと幸いです。 上記のpearを参考にしようと思ったのですがファイル数も多く入り組んでおりなかなか理解できない状態です^^;

    • ベストアンサー
    • PHP
  • 複数のフォームを一括で送信することは可能ですか?

    それらしきキーワードで検索しても出てこないので 頓珍漢な質問をしてるかもしれませんが、ご容赦ください。 送信ボタンは同一フォーム内のデータを送信できると思うのですが 複数のフォームを1つの送信ボタンで送信することは可能でしょうか? 例えば、下の2つのフォームを1つの送信ボタンでデータ送信することは可能でしょうか?2つのフォームを1つに合わせるというのは なしでお願いいたします。 <form name="nform" method="POST" action="mailto:webmaster@a.com?subject=問い合せ" enctype="text/plain"> <p>お名前 :<input type="text" name="name" size="40"></p> <p> メッセージ: <br> <textarea cols="50" rows="5" name="message"></textarea> </p> <p><input type="submit" value="送信する"></p> </form> <form name="nform2" method="POST" action="mailto:webmaster@leposystems.com?subject=問い合せ" enctype="text/plain"> <p>お名前 :<input type="text" name="name" size="40"></p> <p> メッセージ: <br> <textarea cols="50" rows="5" name="message"></textarea> </p> <p><input type="submit" value="送信する"></p> </form>

    • ベストアンサー
    • HTML
  • 端末によって印刷されたフォームが違う?

    すみません、初心者です。教えてください・・・。 上司に言われて電子書類のフォームを作成しているのですが、印刷した時に私のパソコンから印刷すると1ページに印刷されるのに、上司のパソコンから印刷すると2ページに分かれて印刷されてしまうのです。(使用しているプリンタは同じものです) どうしてなのでしょう・・・??? また、フォームの中の「テキストエリア」の大きさが違って印刷されるのですが、何が原因なのでしょうか? ちなみに、テキストエリアのソースは下記のとおりです。 <TD width="10%">3.内容</TD> <TD width="65%"><TEXTAREA NAME="MESSAGE" COLS=75% ROWS=20> すみません、ご質問するのに必要な情報が他に分かりませんでしたので、必要があれば補足します。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • 長いURLをフォームに入力させる方法について

    社内の図書注文フォームを作ろうと思っています。 amzonのurlは最長で2000字を超えるそうです。 図書名: 金額:以外は当該ページのURLを貼ってもらい送信してもらおうと思っています。 短縮URLに変換するというのも考えましたが個人が運営しているフリーソフトしかなく、突然サイトが閉鎖されたり、マルウェアの危険性もあるということなのでやめました。 注文フォーム用のウェブサイトも幅は1000pxしかとっておらず、 通常の<input type="URL"……>のフォームで高さ、幅を大きくすれば4行、5行にまたがるURLを貼り付け途切れないように確認できるものなのでしょうか? いっそ<textarea>を使いそこにURLを貼ってもらおうかなとも考えています。 そういうやり方というのは間違った使い方なのでしょうか? この場合、2000字程度の文字列を入力する場合、colsやrowsはどれくらいの値をすればいいのでしょうか? <textarea type="url" name="A" cols="B" rows="c" ></textarea> まだまだ初心者です。これ以外にも何かいい方法をご存じでしたら教えてください。 よろしくお願いします。 投稿画像

  • ボタン無しでフォーム内容送信

    <form name="regist" action="bbs.cgi" method="POST"> <input type="hidden" name="mode value="admin"> <textarea name=comment cols=50 rows=5 wrap=soft>コメント</textarea> <input type="submit" value="ボタン"> </form> 通常はボタンをクリックして移動しますが、送信ボタンを使わずに、bbs.cgiを表示しただけでフォーム内データを送信できればと考えています。どのようにすればいいのでしょうか。

  • 選択フォームへの追記について

    現在、下記のように一つのフォームの場合は、 ボタンを押すと追記されますが、 複数のフォームがある場合に、 選択されているフォームへ、 追記するには、どうすればよろしいでしょうか、 よろしくお願いいたします。 <html> <head> <script language="JavaScript"><!-- CR = String.fromCharCode(13); function setData(param) { txt = document.myFORM.myTEXT.value + param + CR; document.myFORM.myTEXT.value = txt; } // --></script> </head> <body> <form name="myFORM"> <input type="button" value="月曜日" onClick="setData('月')<br> <input type="button" value="火曜日" onClick="setData('火')"><br> <textarea rows="9" cols="20" name="myTEXT"></textarea><br> </form> </body> </html>

専門家に質問してみよう