2

次の例を試してみましたが、リセットボタンを押すと現在の行のフィールドのみがリセットされるようにすることを目的としています.これはhtml5のみでjquery/javascriptなしで可能ですか? どんなアイデアでも大歓迎です:)

<form action="fieldset_legend.htm">
  <fieldset>
    <legend>Absender</legend>

        <label for="vor">Ihr Vorname:</label>
        <input id="vor" size="40" maxlength="40" name="Vorname" type="text">
        <input type="reset" for="vor" value="reset">

        <label for="nach">Ihr Zuname:</label>
        <input  id="nach" size="40" maxlength="40" name="Zuname" type="text">
        <input type="reset" for="nach" value="reset">

  </fieldset>
</form>
4

2 に答える 2

2

ジャバスクリプトを使って...

function resetInput(id) {
   document.getElementById(id+"input").value="";
}

HTML:

    <label for="vor">Ihr Vorname:</label>
    <input id="vorInput" size="40" maxlength="40" name="Vorname" type="text">
    <input type="button" id="vor" onclick="resetInput(this.id) "value="reset">

    <label for="nach">Ihr Zuname:</label>
    <input  id="nachInput" size="40" maxlength="40" name="Zuname" type="text">
    <input type="button" id="nach" onclick="resetInput(this.id) value="reset">
于 2014-06-22T13:37:29.243 に答える
0

入力「リセット」はフォーム内のすべての要素に対してリセットされるため、この場合JavaScriptを回避する方法があるとは思いません。

リセット: フォームの内容をデフォルト値にリセットするボタン。

入力要素

于 2014-06-22T13:32:31.160 に答える