четкие данные формы HTML с помощью PHP или JavaScript

Question

У меня такой ситуации здесь: У меня есть следующий вид:

<form action="sample.php" id="searchform" method="post"> 
<input type="text" id="key_words" name="key_words" value="<?php echo isset($_POST['key_words']) ? $_POST['key_words'] : '' ?>"style="width:377px;"> 
<input type="text" name="minimum_price" value="<?php echo isset($_POST['minimum_price']) ? $_POST['minimum_price'] : '' ?>"> 
<input type="text" name="maximum_price" value="<?php echo isset($_POST['maximum_price']) ? $_POST['maximum_price'] : '' ?>"> 

Я использую PHP скрипт в стоимости, потому что мне нужно, чтобы сохранить значение в текстовом поле постоянно. Итак, теперь я должен очистить значения в текстовом поле, когда я нажимаю кнопку:

<button type="reset" value="clear" onclick="clearform()">Clear</button> 

Я попробовал несколько вещей, и не удалось. Помоги пожалуйста? JavaScript также может использоваться для метода clearform().

Answer 1

Вам просто нужно, чтобы получить элементы по идентификатору и установите значение атрибута пустую строку:

function clearform() 
{ 
    document.getElementById('key_words').value = ''; 
    //same thing for other ids 
} 

для вашего minimum_price и maximum_price вам нужно добавить id, поскольку у вас есть только name прямо сейчас.

Также в этом случае, поскольку вы не хотите использовать стандартные функции сброса HTML, не делайте кнопку типа reset.

Answer 2

It`s будет работать для вас:

<form action="sample.php" id="searchform" method="post"> 
    <input type="text" id="key_words" name="key_words" value="test1"style="width:377px;"> 
    <input type="text" name="minimum_price" value="test2"> 
    <input type="text" name="maximum_price" value="test3"> 

    <button type="reset" value="clear" onclick="clearform()">Clear</button> 
</form> 
<script> 
    function clearform() { 
     var form = document.getElementById("searchform"); 
     var textFields = form.getElementsByTagName('input'); 

     for(var i = 0; i < textFields.length; i++) { 
      textFields[i].setAttribute('value', ''); 
     } 
    } 
</script>