ясные значения формы с кнопкой сброса

Хорошо, я мог бы использовать небольшой совет здесь: У меня есть форма с двумя кнопками, одна должна отправить форму, а другая должна сбросить полную форму. Текст - поле сохраняет свое значение после каждого представить, но я хотел бы, чтобы очистить его полностью с помощью кнопки сбросаясные значения формы с кнопкой сброса

<form method="post"> 
    <input type="text" name="text" value="Clear Me Please"> 
    <button type="submit" name="submit">Submit</button> 
    <button type="reset" name="reset">Reset</button> 
</form>

У меня есть поле ввода, кнопку и кнопку сброса отправить. После подачи формы пользовательский ввод будет вставлен как значение, потому что я не хочу потерять вход. Теперь, когда я ввожу что-то в поле, я могу сбросить форму как планируемое, но после подачи значения теперь остается как предполагается, но нажатие кнопки сброса сбрасывает входное значение.

Пример: Напечатайте текст «ТЕКСТ», нажмите «Сброс», сбрасывается на «». Напечатайте «TEXT2», нажмите «Отправить», отправит, добавит в качестве значения, поле «TEXT2» записано. Замените «TEXT2» на «TEXT3», нажмите «Сброс», теперь поле «TEXT2» вместо «». Надеюсь, это объяснение достаточно.

источник

2014-11-05 AlexG

может немного больше вы должны сделать

Но его может помочь-Использование Jquery

Edited Version: 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script> 
    jQuery(document).ready(function() { 
     jQuery("#btn").on('click', function(e) 
     { 
     document.getElementById("myForm").reset(); 
     $('#input').attr("value", ""); 
     }); 
    }); 
    </script> 
</head> 

<form id="myForm" method="post"> 
    <input type="text" name="input" id="input" value="<?= $_POST['input'] ?>"><br> 
    <button type="submit">Submit</button> 
    <input type="button" id="btn" value="Reset"> 
</form>

Orginal Version: 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script> 
    jQuery(document).ready(function() {  
      jQuery("#btn").on('click', function(e) 
      { 
       values= $('#fname').val(); 
       document.getElementById("myForm").reset(); 
       $('#fname').attr("placeholder", values); 
      }); 
     }); 
    </script> 
     <head> 
    <form id="myForm"> 
     First name: <input type="text" name="fname" id="fname"><br> 
     Last name: <input type="text" name="lname"><br><br> 
     <input type="button" id="btn" value="Reset form"> 
    </form>

jsfiddle ссылку here

источник

2014-11-05 11:17:27 Rasel

Спасибо за ваш ответ, unfortionally это не работает в моем случае, потому что мне нужно поданное значение как значение. Форма должна содержать текст после отправки. – AlexG

Я не знаю. Чего ты хочешь? – Rasel

Представление возвращает входной текст на вход как значение. Но я хочу удалить все в полях без перезагрузки сайта. – AlexG

ясные значения формы с кнопкой сброса

ответ

Смежные вопросы