Loading:


Resetowanie pól formularza JavaScript

Skrypt resetuje (usuwa) dane wprowadzone do formularza za pomocą JavaScript.



Napisz Artyku³

Listing


<html>
    <head>
        <title>Procedura obsługi zdarzenia OnReset - przykład</title>
    </head>
    <body>
        <form method="post" action="javascript:alert('Zatwierdzony')" onreset="alert('Resetowanie')">
            <p>Wpisz jakieś wartości i naciśnij przycisk Reset.</p>
           
            <!-- zwykłe pole tekstowe -->

            <label for="txtName">Imię i nazwisko:</label><br />
            <input type="text" id="txtName" name="txtName" /><br />
           
            <!-- pole tekstowe hasła -->
            <label for="txtPassword">Hasło:</label><br />
            <input type="password" id="txtPassword" name="txtPassword" /><br />
           
            <!-- lista rozwijana dla wieku -->
            <label for="selAge">Wiek:</label><br />

            <select name="selAge" id="selAge">
                <option>18-21</option>
                <option>22-25</option>
                <option>26-29</option>
                <option>30-35</option>
                <option>Ponad 35</option>

            </select><br />
           
            <!-- wielowierszowe pole tekstowe -->
            <label for="txtComments">Uwagi:</label><br />
            <textarea rows="10" cols="50" id="txtComments" name="txtComments"></textarea><br />
           
            <!-- przycisk zatwierdzenia -->
            <input type="button" value="Zatwierdź formularz" onclick="document.forms[0].submit()" />
           
            <!-- przycisk resetowania -->
            <input type="reset" value="Reset" />

     
        </form>
    </body>
</html>
 




Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2024 v.1.5 | design: diviXdesign & rainbowcolors