1

テキストフィールドも含むhtml（phpで生成）のフォームがあります。フォームを送信するには、送信ボタンを使用します。結果はページの左側に表示されます。ここで、テキスト フィールド内のテキストを消去してフォームを再送信する別のボタンを追加したいと思います (value=""テキスト フィールド内)。それを行う方法はありますか？Simple<input type="reset">はフォームを送信しません。

4

3 に答える 3

1

ボタンは次のようになります。

<input type="button" onclick="DeleteText();" value="Delete text" />

そしてあなたのJavaScriptコード：

function DeleteText() {
   document.getElementById('my_text_input_id').value = '';
   document.getElementById('my_form_id').submit();
}
于 2012-10-26T06:59:52.747 に答える
1

テキスト ボックスに がid="myText"あり、新しいボタンに がid="clearBtn"あり、フォームに があるとしますid=myForm。次のことができます。

$(#clearBtn).on("click",function() {
    $('#myText').val("");
    document.forms["myForm"].submit();
})

これはテストされていませんが、アイデアを提案します。また、これは jquery ソリューションであり、ほとんどの場合、純粋な javascript よりもお勧めします。

于 2012-10-26T07:00:35.247 に答える
0

HTML5 は「プレースホルダー」属性をもたらし、これにより純粋な CSS 実装が可能になります。

<input type="text" name="focus" required class="search-box" placeholder="Enter search term" />

ここにあるShidhinのソリューションをうまく使用しました：

http://codepen.io/shidhincr/pen/ICLBD

于 2017-02-03T15:19:38.687 に答える