テキストフィールドへの入力を禁止するには？

「JavaScript例文辞典」で掲載されている「テキストフィールドへの入力を禁止する」方法ですが....
↓
http://www.openspc2.org/reibun/javascript/form_t …

これを「入力禁止」と「入力可能」ボタンで切り替えていますが。そうではなくて、選択できない、最初から入力できない方法はどうやりますか？

単にテキストフィールドへの入力を禁止したいだけなので、他の書き方があれば教えて下さい。

No.8 ベストアンサー 回答者： leaz024 回答日時： 2003/03/19 18:33

disabled も ネスケ４では動作しません。

どのブラウザでも入力不可にするには、No.1の回答にある「onFocus="this.blur()"」を使うしかありませんが、これだってJavaScriptがOFFだと無効です。

絶対に値を変えさせたくないのなら、送信用に hidden を使い、表示用に name なしの text を使ってはどうでしょうか。

<input type="hidden" name="name" value="xxx">
<input type="text" value="xxx" onFocus="this.blur()" style="background:#CCCCCC">

text の方は name が無いので送信されません。
ネスケ４では効きませんが、スタイルシートで背景色を変えれば、それなりには見えます。
これなら、たいていは書き換え不能ですし、最悪書き換えられてもデータは保護されます。

この回答へのお礼

返事遅れまして申し訳ございません。アドバイスの通りIEもNNも対応できました！感動しました！！styleはバックグランドではなくて文字色を薄ブルにしました。
ありがとうございました。

お礼日時：2003/03/21 10:38

No.7 回答者： kirara999 回答日時： 2003/03/18 19:17

こんな感じで出来ますけど。

。。
サーバにも
text1=てすと
がpostされます。

<form name="F1" method="post" action="/hohoho.do">
<input type="text" name="text1" value="てすと" disabled><BR>
<input type="submit" name="Submit" value="送信" onclick="document.F1.text1.disabled=false;">
</form>

No.6 回答者： kirara999 回答日時： 2003/03/17 15:04

表示時にはdisable=trueにしておいて、submitボタン押下時にdisable=false

にしてサーバに送信するのがいいかと思います。

この回答へのお礼

押下時だけdisable=falseにするにはどう書くでしょうか？
いろいろ試しにやりましたが、やはり送信しなくなるです...

お礼日時：2003/03/17 15:34

No.5 回答者： shorn 回答日時： 2003/03/14 14:37

readOnlyはIEのみの機能だったような・・・

この回答へのお礼

アドバイスありがとうございます。
IEとネスケ両方対応する方法はありますか？

お礼日時：2003/03/14 22:30

No.4 回答者： kirara999 回答日時： 2003/03/13 20:49

先ほどの回答の一部訂正です。

readonlyではなくreadOnlyでした。
これで、以下のようにJavaScriptからreadOnly属性を変更することができます。

<FORM name="FORM1">
<INPUT type="text" name="kore" value="hohoho" size="100" readOnly>
<BUTTON type="button"　onClick="window.document.FORM1.kore.readOnly=false;">書込不可</BUTTON>
<BUTTON type="button"　onClick="window.document.FORM1.kore.readOnly=true;">書込可</BUTTON>

この回答へのお礼

ご回答ありがとうございました。
確かに指摘の通りdisableにするとデータは渡さなくなるので、readOnlyを使えば完璧です！
文字の色はINPUT STYLEで似たような感じにしました。
お陰様でなんとか希望通りにできましたので、ありがとうございました。

お礼日時：2003/03/14 10:29

No.3 回答者： kirara999 回答日時： 2003/03/13 20:16

JavaScriptでなくてHTMLでできます。

<INPUT type="text" name="kore" value="hohoho" disabled>
とやれば入力できなく、文字がグレイになります。
しかし、submitボタンでサーバに送信したい時、送信されなくなります。
(リクエストに含まれない)

<INPUT type="text" name="kore" value="hohoho" readonly>
とやれば入力できないですが、サーバに送信されます。
但し、文字はグレイになりません。ネスケ6はだめだったような？？？

で、以下のようにすればdisabled属性をJavaScriptから変更できます。

<FORM name="FORM1">
<INPUT type="text" name="kore" value="hohoho" size="100" disabled>
<BUTTON type="button"　onClick="window.document.FORM1.kore.disabled=false;">表示</BUTTON>
<BUTTON type="button"　onClick="window.document.FORM1.kore.disabled=true;">非表示</BUTTON>

No.2 回答者： wolv 回答日時： 2003/03/13 19:50

<table border ><td width=200><font color=#aaaaaa>変更できない文字列</font></td></table>

こうとか＾＾；

変更や入力して欲しくないのに、テキストフィールドを使いたい理由はなんですか？

この回答への補足

入力してほしくない理由は同じデータベースを使ってユーザーによって編集できるとできない項目を分けたいためです。

補足日時：2003/03/14 10:17

この回答へのお礼

ありがとうございます。
アドバイスのようにしても文字色は変わりませんでしたが、
<input style="color : cornflowerblue;" type=text name="name" readOnly>
このようにするとなんとか似たような感じでした、ありがとうございました。

お礼日時：2003/03/14 10:16

No.1 回答者： wolv 回答日時： 2003/03/13 18:22

<input type="text" onFocus="this.blur()">

でいいんじゃないでしょうか。

参考URL：http://www.openspc2.org/reibun/javascript/form_t …

この回答へのお礼

ありがとうございます。
確かにこれで入力できないようになりましたが、フィールド内の文字(フィールドボックス)の色をグレイにすることは可能でしょうか？要するに一目で見て入力できないことがわかるようにしたいですが...

お礼日時：2003/03/13 19:16