- 締切済み
HTML テキストエリアの最大入力桁の指定法
タイトルのとおりですが、調べても テキストエリアは行と幅の指定はできるのですが、 最大入力値の指定方法は書いていないのです。 テキストボックス <input type ="text" ~>なら、 maxlength属性を記述すればよいのはわかりました。 どのように<textarea>タグに記述すればよいのでしょうか？
- sugoitensai
- お礼率26% (136/506)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- zero0000
- ベストアンサー率40% (54/134)
textareaに「maxlength属性」やそれに相応するものはないと思います。 したがって入力文字数を制限するには、JavaScriptやCGIが必要になるかと思われます。 JavaScriptでの例の掲載ページを一つご紹介しておきますね。 （但し、当然Javascriptが無効の場合は意味がなくなるので、厳しくチェックするのなら、CGIでということになるかと思います）
関連するQ&A
- テキストエリアの幅を10桁までにしてスクロールさせないようにしたい
タイトルのままなんですが、可能でしょうか？ <textarea name="textarea" cols="40" rows="10">テスト</textarea> あと、テキストエリアに<pre>タグをつけると改行が入ってしまい、 1行分テキストエリアから離れてしまいます・・・。 テストタイトル<br> <pre><textarea name="textarea" cols="40" rows="10">テスト</textarea></pre> すみません、どなたかわかる方いらっしゃいますか？ 教えてください(^^
- ベストアンサー
- HTML
- 追加したテキストボックスとテキストエリアの数の制御
下記のようにテキストボックスとテキストエリアの数をボタンを押すことによって増やしていきます。 で、テキストボックスとテキストエリアは最大10個までとしたいのですが、どのようにしたらいいでしょうか？ あとテキストエリアを追加していくとテキストエリアとテキストエリアの間が詰まってしまいます。間を空ける方法はないでしょうか？ <script type="text/javascript"> function myAdd(){ var oTR=document.createElement("tr"); var c=count("mat"); var names=["mat","qua"]; for(var i in names){ var oTD = document.createElement("td"); var oTag = document.createElement("input"); oTag.setAttribute("type", "text"); oTag.setAttribute("name", names[i] + (c+1).toString()); oTD.appendChild(oTag); oTR.appendChild(oTD); } document.getElementById("t0").getElementsByTagName("tbody")[0].appendChild(oTR); } function count(name){ var tags=document.getElementsByTagName("input"); var c=0; var reg=RegExp("^"+name+"[0-9]+$"); for(var i=0;i<tags.length;i++){ if(tags[i].name.match(reg)){ c++; } } return c; } var tag_num = 4; function myTextAreaAdd(){ var oTag = document.createElement("textarea"); oTag.setAttribute("name", "foo" + tag_num++); var oDiv = document.getElementById("area"); oDiv.appendChild(oTag); } </script> </head> <body><form method="post" enctype="multipart/form-data" action="check.php"> <table id="t0" border> <tbody> <tr><td><input type="text" name="mat1" value=""></td> <td><input type="text" name="qua1" value=""></td> </tr> <tr><td><input type="text" name="mat2" value=""></td> <td><input type="text" name="qua2" value=""></td> </tr> <tr><td><input type="text" name="mat3" value=""></td> <td><input type="text" name="qua3" value=""></td> </tr> <tr><td><input type="text" name="mat4" value=""></td> <td><input type="text" name="qua4" value=""></td> </tr> </tbody> </table> <input type="button" value="追加する" onClick="myAdd()"> <br /> <span id="area"> <textarea name="foo1"></textarea> <textarea name="foo2"></textarea> <textarea name="foo3"></textarea> <textarea name="foo4"></textarea> </span><br /> <input type="button" value="追加する" onClick="myTextAreaAdd()"><br /> </form>
- 締切済み
- JavaScript
- textareaで入力できる文字数を制限したい。
フォームについて質問させてください。 テキストフィールドで、シングルラインならば入力できる文字の最大数を maxlength で指定できるのですが、マルチラインの場合、同様に最大数を指定することはできないでしょうか？ わかるかた、なにとぞご教授ください。 ■シングルラインでの文字数制限 <input name="thread_title" type="text" id="thread_title" size="80" maxlength="10"> ■マルチライン <textarea name="text" cols="64" rows="10" id="news_text" maxlength="10"></textarea> ↑上記のようにmaxlength入れても駄目でした。。。涙
- ベストアンサー
- HTML
- テキストエリア文字制限について
テキストエリア文字制限について 失礼します。 javascript初心者です。 複数のテキストエリアの文字制限を行いたく 苦戦しております。 いろいろと検索してみましたが・・・ 2日ほど悩んでおります。 AとBでエラーが出た場合はCGIに流れず入力フォームに戻るのですが Bでエラーが発生しない場合CGIに流れてしまいます。 ですの文字数制限をしても結局CGIに流れてしまうのですが どのように記述すればよろしいでしょうか？？ なんとか・・・ご教授いただければ幸いです。 よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>入力文字数の制限</title> <script language="javascript" type="text/javascript"> <!-- var MAXLENGTH = 10; //入力許容最大文字数 function tareachk(frm){ var tmp = frm.vin1.value; var len = tmp.length; if(len > MAXLENGTH){alert("A入力可能な文字数は"+MAXLENGTH+"文字までです");} var tmp = frm.vin2.value; var len = tmp.length; if(len > MAXLENGTH){alert("B入力可能な文字数は"+MAXLENGTH+"文字までです");} else{frm.submit();} } // --> </script> </head> <body> <form action="ccccc.cgi" method="post"> <textarea name="vin1" rows="5" cols="30">10文字まで入力可能</textarea><br> <textarea name="vin2" rows="5" cols="30">10文字まで入力可能</textarea><br> <input type="button" value="GO" onclick="tareachk(this.form);"> </form> </body> </html>
- ベストアンサー
- JavaScript
- title属性内にあるテキストにリンクを貼ることってできますか？
title属性内にあるテキストにリンクを貼ることってできますか？ 例） これを↓ <input type="text" size="25" maxlength="60" title="ここにリンクを貼りたい！"> こうしたい↓ <input type="text" size="25" maxlength="60" title="ここに<a href="">リンク</a>を貼りたい！"> なぜこんなことをしたいのかというと、 登録フォームにjqueryのプラグイン（Input Floating Hint Box）を組み込んで 記入例などをヒントとして表示したいわけで。 ここまでは配布されているプラグインでOKなんですけど、 表示したヒントのテキストにリンクを貼りたいんです！ このプラグインの仕様がinputタグ内のtitle属性にテキストを入れることで ヒントとして表示するようになっているため、title属性内のテキストにリンクを貼るには？ と悩んでいるわけです。 プラグインの仕様は変更してはいけないルールとなっているので、 ヒントの文言をtitle属性以外にいれたら？という案は却下でした。 title属性内のテキストにリンクを貼るなんて術なし！でしょうか？ わかりにくい説明かと思いますが、どうかアドバイスをお願い致します！！
- ベストアンサー
- その他（プログラミング・開発）
- DOMによる、テキストエリアの内容の書き換え
以下コードを記述し、test.htmlで保存しました。 「ボタンがクリックされたとき、テキストエリアボックスの内容が書き換わる」 と言うことを想定し、作成してみました。 ところが、ボタンをクリックしても、テキストエリアが書き換わりません。 elm[0].Valueでは、駄目なのでしょうか。 ボタンをクリックしたとき、関数までは動いていることは確認できたのですが。 (alertで確認済み) ご教授お願いします。 ==========以下内容====== <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>テキストエリア書き直し</title> </head> <body> <h1>テスト</h1> <p>テキストエリアの書き換え</p> <script type="text/javascript"> <!-- function syutoku(){ var elm=document.getElementsByName('textarea1'); elm[0].Value="書き直し"; //alert(elm[0]); } --> </script> <hr> <p>テキストエリアを書き直します。</p> <form name="form1"> <p><input type="button" value="ボタン" onClick="syutoku()"></p> <p><textarea cols="40" rows="4" name="textarea1"> テキスト書き直しエリア</textarea></p> </form> <hr> </body> </html>
- ベストアンサー
- JavaScript
- テキストエリア内の改行
<textarea cols= rows= ></textarea> を使ってテキストエリアを作っています。 テキストエリア内に予めコメントを 入れておきたいのですが、そのコメントを 改行したい場合はどうすればいいのでしょうか？ <BR>のタグが使えないので困っています。 どなたか教えてください、お願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- テキストエリアの初期値について
テキストエリアに初期値としてタグを表示させたいのですが、 <textarea name=hoge><hr></textarea> とhtmlに記述してブラウザで見てみると、たいていのブラウザではちゃんと<hr>と表示されるのですが、ezweb端末から見るとちゃんと表示がされないのです。 これを解決するにはどうしたらよろしいのでしょうか？
- 締切済み
- HTML
- Ｔａｂに関して
以前以下のソースのようにテキストボックスを４つくらい並べて、最大入力文字数になったら、自動的に右のテキストボックスに入力できるようにすることはできるのでしょうか？ と質問をし、返答を頂いたのですが、自動的に右のテキストボックスに入力できるようにはなったのですが、キーボードのＴａｂを使ってしまうと、全てのテキストボックスが最大になっていて、はじめのボックスでタブを押すと、３つめのボックスに飛んでしまいます。何か回避する方法がありましたら教えてください。 <html> <head> <title></title> </head> <body> <form name="form1"> <input type="text" name="txt1" size="7" maxlength="3">． <input type="text" name="txt2" size="7" maxlength="3">． <input type="text" name="txt3" size="7" maxlength="3">． <input type="text" name="txt4" size="7" maxlength="3"> </form> </body> </html>
- ベストアンサー
- JavaScript
- オンマウスでテキストエリアにテキスト表示
現在、「猫」という文字にカーソルを合わせると text1のテキストエリアに 「ニャンと鳴く」と表示されるスクリプトを作成しました。 記述の一部ですが下に示します。 <form name="form1"> <TEXTAREA name="text1" rows="5" cols="40"></TEXTAREA> </form> <span onmouseover="txt_dsp('text1','ニャンと鳴く');"onmouseout="txt_dsp('text1', '');">猫</span><br> 教えていただきたいのは'ニャンと鳴く'という部分を msg.txtというテキストファイルに書かれた'ニャンと鳴く' で表示したいのですが、どのような記述にしたらよろしいでしょうか？ よろしくお願い致します。
- ベストアンサー
- JavaScript
お礼
ありがとうございます。 やはりタグ中に記載することはできないのですね。 スクリプトの方法しかないですかね。本当は入力チェックではなく入力制限を 設けたかったのです。 アドバイスありがとうございました。