• 締切済み

textarea と、 input type の質問。

<textarea>なにがし</textarea> これは、ユーザに入力を促す際、 あらかじめ表示させておく文字ですが、 <textarea>なにがし<BR><BR>それぞれ</textarea> こんな風に、 表示させたい内容を何行か改行した文章を置きたいのですが、 全て繋がってしまいます。 専用の改行コードはあるのでしょうか? また、<input type="text">で、 ユーザの入力開始時の文字を、半角英数に固定して 誤入力を避けたいのですが、 なにかオプションがあるのでしょうか?

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

みんなの回答

  • if_else
  • ベストアンサー率33% (9/27)
回答No.1

テキストエリアの内容はソースと同じように改行されるので、 <textarea>なにがし それぞれ</textarea> これでちゃんと改行されます。 テキストボックスの方は、スタイルシートで可能です。 style="ime-mode:active;" (IMEを有効(オン)にする style="ime-mode:inactive;" (IMEを無効(オフ)にする style="ime-mode:disabled;" (IMEを完全に無効にする 上の3つのどれかを貼り付けます。 こんな感じ <input type="text" style="ime-mode:disabled;"> パスワードを入力するフォームで、「●」ではなく打ち込んだ文章をそのまま表示したい場合は 一番下のを使うことをお勧めします。(完全に英数入力になるので^^; 上の2つはそれぞれ有効・無効になるものの、ユーザーがその後変更することができます。

関連するQ&A

  • textarea へ、改行させたいテキストデータを書き込むには?

    Perlのprint命令では、print '(1)aaaa <BR>(2)bbbb',"\n"; というように、改行させたい箇所に<BR>を挿入すれば改行させられるとおもいます。ところが、print "<textarea> xxx </textarea>" として、CGIで複数行入力領域を書いたときは、xxxのなかに挿入した<BR>はそのまま文字として表示されてしまいます。  改行させるにはどうしたらいいのでしょうか?  どなたか(ひきつづき^^;;)、御教示をいただければ幸いです。

    • ベストアンサー
    • Perl
  • textareaで改行させたい

    textareaにあらかじめ文字列を表示させたいと思っています。表示させる文字列は配列に入れていて、配列には aaa bbb ccc のように改行コードが入っているのですが、下記のようにすると、 <textarea name="name1" id="id1" cols="65" rows="15" wrap="soft"><%=Arr(1,6)%></textarea> aaa<br>bbb<br>ccc<br> と表示されます。 テーブルに表示させると問題なく改行されて表示されるのですが、textareaだと、上記のようになってしまいます。 どのようにすればよいかご教示ください。

  • Input type と枠線並びに改行の扱い

    現在、ABCDEを2行で表示することが出来ています。これに枠線を付けたいのですが、方法が分かりません。input type="Hidden"では枠線がつけられないようなので、input type="text"並びにTextareaにすると今度は枠線は出るものの改行が反映されません。 <html> <head> <title>sample001</title> </head> <body> <input class="abcde" readonly="readonly" type="hidden" name="content" value="abc de">abc<br>de</td> </body> </html> 当方全くの初心者です。何卒宜しくお願い致します。

    • ベストアンサー
    • 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に入力し、LOG上では1行目<BR>2行目といった形で改行をBRに置き換えて保存していますが、その修正としてLOGからデータをとり改行状態で表示させたいのですが、 うまく改行されない状態です。下記にLOGより読み込み。タグを\rに置き換えて いますが、TEXTAREAに表示されなく、改行表示どころではありません。 いったいどうすればよいのでしょうか?ご教示をお願いします。 <CGI文> $wkaaa1 = $IXUSERINF{Enaiyo}; データを取得 $wkaaa =~ &notag1($wkaaa1);  変換(これがおかしい?) $mesbuff .= "<TR><TD nowrap ><TEXTAREA ROW=\"10\" COLS=\"48\" NAME=\"Enaiyo\" WRAP=\"soft\">$wkaaa </TEXTAREA></TD></TR>"; <sub> sub notag1 { local($_) = @_; s/&/&amp;/g; s/"/&quot;/g; s/</&lt;/g; s/>/&gt;/g; s/&lt;br&gt;/\n/gi (これで <BR>を\n(改行)にしてるつもり return $_; }

    • ベストアンサー
    • CGI
  • textareaの入力禁止文字チェック

    こんにちは。 初歩的なことかもしれませんが、不思議な現象?に困っています。 textareaから入力された文字列の中に入力禁止文字がないかどうかチェックしたいのですが、textareaで改行を行った場合、一番下の行のチェックしか出来ません。 ソースは以下です。 if (preg_match("/[$check_word]+$/",$text)){ $msg = '本文に入力禁止文字が含まれています'; } なお、改行コードを削除してからチェックしても、同じ現象が起こっています。 //$text = preg_replace("/\n|\r/","",$text); どなたか回避策などご存じないでしょうか><

    • ベストアンサー
    • PHP
  • フォームのtextareaにnl2brを使用すると、入力内容の改行部分に<br />が表示されてしまう。

    現在、フォームを作成しています。 セッションを利用してフォームの次のファイルにデータを受け渡しています。 問題は、フォームのtextareaにnl2brを使用すると、出力画面のtextareaに入力された内容において改行がある部分に<br />タグが表示されてしまうことです。 フォームの流れ: start.phpにおいてフォームに入力及び、入力エラーがある場合、入力内容訂正の表示。 mail.phpにおいて入力内容の確認及びデータ送信。 start.phpのtextarea以下: <textarea name="test"><?php echo nl2br(htmlspecialchars($input_data['test'], ENT_QUOTES, 'UTF-8')) ?></textarea> 解説:start.phpでは、フォームの入力項目のいずれかに入力エラーがあるとその項目の入力内容の訂正を促し、入力されたデータをもう一度表示します。(<textarea name="test">に入力されたデータをもう一度<textarea name="test">に表示します。) mail.phpにおいてstart.phpのtextareaに入力されたデータを表示する部分は以下: <?php echo nl2br(htmlspecialchars($input_data['test'], ENT_QUOTES, 'UTF-8')) ?> start.phpにおいて入力項目のいずれかにエラーがあり、<textarea name="test">に入力されたデータをもう一度<textarea name="test">に表示した場合も、また、mail.phpにおいてstart.phpのtextareaに入力されたデータを表示した場合も、<textarea name="test">内の文字列に改行があるとその部分に<br />が表示されてしまいます。 入力例: あいうえおかきくけこ たちつてと 表示例(nl2br使用): あいうえおかきくけこ<br /> たちつてと 解説:nl2brを使用した場合、<br />は挿入されてしまいますが、予定の場所で改行されて表示されます。 試しにnl2br()をコードから削除すると、以下のような表示となります。 表示例(nl2br未使用): あいうえおかきくけこたちつてと 解説:nl2brを使用しない場合、改行されません。 どのようにすれば、textareaに入力された内容の改行部分が改行だけされ<br />が表示されないようにできるでしょうか? よろしくお願いします。

    • 締切済み
    • PHP
  • textとtextareaの書式に設定について

    先日、質問をさせて頂きました者になります。 input textとtextareaの書式の設定制御の方法が、 分からなくなってしまい質問をさせて頂きました。 【やりたい事】 textやtextareaの初期値のテキスト色とバックグランの色を、 textやtextareaに初期値が入っている時と入力した値が入っている時に、 指定した書式に各種設定したいと思っています。 具体的には、textやtextareaに初期値が入っている時には、 初期値の文字を薄いグレー色に設定し、バックグランドをピンク色に設定し、 textやtextareaに入力をした値が入っている時には、 入力した文字を黒色に設定し、バックグランドを白色に設定したいと思ってます。 ご教授頂ければと存じます。 よろしくお願いいたします。 【ソース】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN Frameset" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <script type="text/javascript"> <!--ログ生成スクリプトを取得--> function textoutput(formObj) { <!--text01を取得--> if((text01 = formObj.elements["text01"].value)==formObj.elements["text01"].defaultValue)text01=""; <!--text02を取得--> if((text02 = formObj.elements["text02"].value)==formObj.elements["text02"].defaultValue)text02=""; <!--textarea01を取得--> if((textarea01 = formObj.elements["textarea01"].value)==formObj.elements["textarea01"].defaultValue)textarea01=""; <!--textarea02を取得--> if((textarea02 = formObj.elements["textarea02"].value)==formObj.elements["textarea02"].defaultValue)textarea02=""; <!--出力データを作成--> var text = ''; <!--text3データを作成--> if(text01!==""){ text += '質問1:' + '\n'+ text01 + '\n'; } <!--text2データを作成--> if(text02!==""){ text += '質問2:' + '\n'+ text02 + '\n'; } <!--textarea01データを作成--> if(textarea01!==""){ text += '質問3:' + '\n'+ textarea01 + '\n'; } <!--textarea02データを作成--> if(textarea02!==""){ text += '質問4:' + '\n'+ textarea02 + '\n'; } <!--出力データを作成--> formObj.elements["output"].value=text; } </script> </head> <body> <form name="form01"> <strong>・諮問1:</strong><br> <input type="text" name="text01" value="1入力してください" id="p1" size="30" class="disabled" onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;"><br> <strong>・諮問2:</strong><br> <input type="text" name="text02" value="2入力してください" id="p2" size="30" class="disabled" onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;"><br> <strong>・諮問3:</strong><br> <textarea name="textarea01" id="textarea01" cols="60" rows="5" onfocus="if(this.value == this.defaultValue) this.value=''" onblur="if(this.value == '') this.value=this.defaultValue"> 3入力してください </textarea><br> <strong>・諮問4:</strong><br> <textarea name="textarea02" id="textarea02" cols="60" rows="5" onfocus="if(this.value == this.defaultValue) this.value=''" onblur="if(this.value == '') this.value=this.defaultValue"> 4入力してください </textarea><br> <strong>・出力結果:</strong><br> <input type="button" value="ログ出力" onClick="textoutput(this.form);">&nbsp;<br> <textarea cols=60 rows=20 name="output" id="output"></textarea><br> <textarea id="text" cols="30" rows="5" wrap="soft"></textarea><br> <button onclick="save();">save</button><a id="anchor" href=""></a> </form> </body> </html>

  • textareaについて

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

    • ベストアンサー
    • HTML
  • textareaの改行の仕方について

    文字変数noteには<br>を含むのですが、 下記のプログラムを実行すると<br>がそのままテキストエリアの中に 表示されます。<br>を\r\nや\nに変換しても、それらがそのまま表示されます。 note変数の<br>の箇所で改行してやるには、<br>をどの文字と置換すればいいのでしょうか? print %Q{<textarea rows="5" cols="100" name="title2">#{note}</textarea>}

専門家に質問してみよう