大手のように、左上角から入力を始める方法は?

このQ&Aのポイント
  • 大きなサイトの入力フォームは、テキスト入力エリア内をクリックすると左上角から入力できますが、以下のようにhtmlを書くと、クリックしたところから入力が始まってしまいます。
  • 大手のサイトのように、テキスト入力エリア内をクリックすると左上角から入力が始まる方法を知りたいです。
  • 大手のサイトの入力フォームの動作を参考にして、テキスト入力エリア内をクリックすると左上角から入力が始まるようにしたいです。
回答を見る
  • ベストアンサー

TEXTAREA に入力時の位置

大きなサイトの入力フォームは、テキスト入力エリア内をクリックすると左上角から入力できますが、以下のようにhtmlを書くと、クリックしたところから入力が始まってしまいます。 大手のように、左上角から入力を始めるようにするにはどうすればいいのでしょうか。 ご存知の方がおられましたら教えてください。 よろしくお願い致します。 <TR> <TD> 下の文: </TD> <TD> <TEXTAREA rows="10" cols="50" name="body"> </TEXTAREA> </TD> </TR>

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

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

  • ベストアンサー
  • g_liar
  • ベストアンサー率52% (382/728)
回答No.1

その、参考にした「大きなサイト」のソースを見るのが確実だと思いますが… 空白のTEXTAREAを作りたいなら <TEXTAREA rows="10" cols="50" name="body"></TEXTAREA> です。 <TEXTAREA>~</TEXTAREA>の間に改行を入れてはいけません。

hatokamome
質問者

お礼

ありがとうございます。 おかげさまで解決しました。

関連するQ&A

  • TEXTAREAの改行をデータへ反映

    よろしくお願いします。 フォーム上で入力した値をCSVに反映させるようなものを作っているのですが、TEXTAREAで改行した値がCSVデータ上で改行されなくて困っています。 <TABLE>  ・  ・  ・ <TR> <TD>コメント:</TD> <TD><TEXTAREA NAME="COMMENT" rows="2" cols="40"></TEXTAREA></TD> </TR> </TABLE> 入力した値: ---------- あああ※ いいい※ ううう        ※位置で改行 ---------- CSVデータ内: ~,あああいいいううう webサーバー・・・HP-UX web・・・IE 開発端末・・・windows2000(Tera Term 使用) 以上。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • textarea内のタグを反映させたいのですが

    http://okweb.jp/kotaeru.php3?q=984300を参考に 改行を犠牲にして自動リンクを利用できるようにしたのですが、 HTMLの一部に編集内容を反映したいため FONTタグ等も利用したいんです。 何か良い方法はありませんでしょうか? よろしくお願いします。 <?PHP 文字制限のため省略ですが参考元と同様です。 ?> <html> <title>テキストファイルのデータ更新</title> </head> <body> <form method="post" action="edit.php"> data1の変更 - <textarea name ="data1" rows="5" cols="40"><?php echo preg_replace("/<br>/", "\n", $ini['data1']); ?></textarea><br> data2の変更 - <textarea name ="data2" rows="5" cols="40"><?php echo preg_replace("/<br>/", "\n", $ini['data2']); ?></textarea><br> data3の変更 - <textarea name ="data3" rows="5" cols="40"><?php echo preg_replace("/<br>/", "\n", $ini['data3']); ?></textarea><br> <input type="submit" value="送信"> </form> <table> <tr><td>data1</td><td><?PHP echo ereg_replace("[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]", "<a href=\"\\0\">\\0</a>", $ini['data1']); ?></td></tr> <tr><td>data2</td><td><?PHP echo ereg_replace("[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]", "<a href=\"\\0\">\\0</a>", $ini['data2']); ?></td></tr> <tr><td>data3</td><td><?PHP echo ereg_replace("[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]", "<a href=\"\\0\">\\0</a>", $ini['data3']); ?></td></tr> </table> </body> </html>

    • 締切済み
    • PHP
  • テキストエリアの入力値からチェックボックスのON・OFF切り替え

    テキストエリアからフォーカスが外れた際、テキストエリアに入力された文字があればチェックボックスをONに、何もない場合はOFFにしたいです。 <HTML> <BODY> <SCRIPT language="javascript"> <!-- function Check(AAA,BBB) { var cTxt; cTxt = "txt" + AAA; item_txt = eval('document.form1.' + cTxt + '.value'); item_txt2 = item_txt.replace(/ /g,""); item_txt2 = item_txt2.replace(/ /g,""); if (!item_txt2){ alert("チェックを外す"); } else { alert("チェックを付ける"); } } //--> </SCRIPT> <FORM name="form1"> <TABLE> <TR> <TD><TEXTAREA name="txt029" rows="2" cols="20" onblur="Check('029','1')"></TEXTAREA></TD> <TD><INPUT type="checkbox" name="chk[]" value="029"></TD> </TR> <TR> <TD><TEXTAREA name="txt121" rows="2" cols="20" onblur="Check('121','2')"></TEXTAREA></TD> <TD><INPUT type="checkbox" name="chk[]" value="121"></TD> </TR> </TABLE> </FORM> </BODY> </HTML> <TR>~</TR>はPHPで書き出しをしており、行数は都度変化します(1行~20行)。 1つの<TR>~</TR>で、TEXTAREAのname下3桁・Checkの1つ目の引数・checkboxのvalueは全て同じ値が入ります(値は変化)。 Checkの2つ目の引数は書き出した順に0から振るようにしています。 この記述だと2つ目の引数は活用できてないのですが…使い道があるかと思って書いてはいるのですが結局わからなくてそのままになってます。 色々考えてはみたのですが、どのように対応するチェックボックスを指定していいのかがわかりません。 是非ご教授いただきたいです。

  • ホームページビルダー html書き方

    HPBでタグを使ってお問い合わせのフォームを作っている所ですが、 項目名とテキストエリアを横並びにしたいのですが上下にしかなりません。 貼り付けてみましたが、これで分かりますでしょうか? どうすれば、テキストエリアを横に出来るかお分かりの方いらっしゃいましたら お教えくださいませ。宜しくお願い致します。 <TBODY> <TR> <TD align="right" valign="top" class="hpb-cnt-tb-cell2"><TEXTAREA name="otoiawasenaiyou" rows="10" cols="50"></TEXTAREA></TD> </TR> </TBODY> </TABLE> <CENTER><br> </CENTER>

  • textareaの幅を画面と合わせたい

    HTMLのテキストエリアで画面サイズに合わせたいのですが、 何か方法はないでしょうか。 お知恵を貸してください。 <textarea name="addtext" cols="35" rows="25"></textarea> これだと固定になってしまいます。 <textarea name="text" width=30% height=100%></textarea> イメージ的にはこんなことをしたいのです。

    • ベストアンサー
    • HTML
  • 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
  • formのtextareaについて

    いつもお世話になってます。 formでテキストエリアを作成しました。 テキストエリアに入力された文字列を、submitを押すことによって、同ページに反映させたいのですがどのようにしたらいいのでしょうか? 当方、プログラミング初心者のため、できるだけわかりやすく教えて頂けると助かります。 以下、現在書いたテキストエリアです。 <form method="POST" action="sousinsaki.html"> <div> <textarea name="MSG" cols=40 rows=4> </textarea> </div> <input type=submit value="送信"> </form>

  • テキストエリアのブラウザ表示について

    以下のコードを書くと、 Chromでは、大きなテキストエリアが表示されますが、 IE8では、2行で小さく表示されてしまいます。 IEでも大きく表示したいです。 ご存知の方がおられましたら教えてください。 よろしくお願い致します。 <table> <TR> <TD> 文: </TD> <TD> <TEXTAREA rows="10px" cols="50px" name="test"> <img src="test.gif\"> </TEXTAREA> </TD> </TR> </table>

    • ベストアンサー
    • HTML
  • textareaについて

    textareaに400文字の感想を入力してもらいたいのですが、400文字以上入力することを考え,inputタグと同様にmaxlenght="400"としたいので、400文字以上入力されてしまいます。 <TEXTAREA name="comment" COLS="50" ROWS="5" maxlength="400"></TEXTAREA> textareaではmaxlenghtは効果ないのでしょうか?

    • ベストアンサー
    • HTML
  • テキストエリアの幅を10桁までにしてスクロールさせないようにしたい

    タイトルのままなんですが、可能でしょうか? <textarea name="textarea" cols="40" rows="10">テスト</textarea> あと、テキストエリアに<pre>タグをつけると改行が入ってしまい、 1行分テキストエリアから離れてしまいます・・・。 テストタイトル<br> <pre><textarea name="textarea" cols="40" rows="10">テスト</textarea></pre> すみません、どなたかわかる方いらっしゃいますか? 教えてください(^^

    • ベストアンサー
    • HTML

専門家に質問してみよう