36

検索フォームがあります

<input id="price_from" value="price from ">
<input id="price_to" value="price to ">
<button>search</button>

dafaultテキストの編集を無効にするにはどうすればよいですか？ユーザーが価格の金額を入力し始めると、「pricefrom」と「priceto」を編集することはできませんが、入力フィールドには残ります。jqueryにさまざまなマスクプラグインを試しましたが、フィールドにフォーカスしてカスタムテキストのオプションを提供しない限り、デフォルトのテキストは表示されませんでした。プレースホルダーのみが文字です。

4

5 に答える 5

119

readonlyまたはdisabled属性のいずれかを使用できます。無効にすると、フォームの送信時に入力の値が送信されないことに注意してください。

<input id="price_to" value="price to" readonly="readonly">
<input id="price_to" value="price to" disabled="disabled">
于 2012-12-04T11:39:04.177 に答える
4

質問が正しく理解されているかどうかはわかりませんが、入力フィールドに他のユーザーが入力できないようにする場合は、disabled属性を使用できます。

<input disabled="disabled" id="price_from" value="price from ">
于 2012-12-04T11:41:39.617 に答える
4

他のすべての回答者が質問を正しく理解したとは思いません。質問では、テキストの一部の編集を無効にする必要があります。私が考えることができる1つの解決策は、textareaまたはinputの一部ではない固定プレフィックスを持つテキストボックスをシミュレートすることです。

このアプローチの例は次のとおりです。

<div style="border:1px solid gray; color:#999999; font-family:arial; font-size:10pt; width:200px; white-space:nowrap;">Default Notes<br/>
<textarea style="border:0px solid black;" cols="39" rows="5"></textarea></div>

私が最終的に使用するもう1つのアプローチは、JSとJQueryを使用して「無効」機能をシミュレートすることです。擬似コードの例（法的な問題の特定の原因にすることはできません）：

  // disable existing notes by preventing keystroke
  document.getElementById("txtNotes").addEventListener('keydown', function (e) {
    if (cursorLocation < defaultNoteLength ) {
            e.preventDefault();
  });

    // disable existing notes by preventing right click
    document.addEventListener('contextmenu', function (e) {
        if (cursorLocation < defaultNoteLength )
            e.preventDefault();
    });

Carsten、この質問は古いと言ってくれてありがとう、しかし私は解決策が将来他の人々を助けるかもしれないことを発見しました。

于 2017-01-30T19:23:20.860 に答える
1

うまく説明できなかったせいか、私の質問がよくわからない。一般的に、私は解決策を見つけました。

私の英語でごめんなさい

于 2012-12-04T13:37:27.150 に答える
0

どうですかdisabled=disabled：

<input id="price_from" value="price from " disabled="disabled">​​​​​​​​​​​​

問題は、ユーザーに編集させたくない場合、なぜ入力に表示するのかということです。フォームを送信する場合でも、非表示にすることができます。また、情報を表示するには、代わりに他のタグを使用してください。

于 2012-12-04T11:42:09.297 に答える