input type=reset

Question

Witam jako, że normalnie input reset czyści wszystkie pola w formularzu to mogę jakość go połączyć jedynie z jednym polem, aby po kliknięciu wyczyściłm mi jedynie zawartość tego konkretnego inputa?

Answer 1

można też tak to zastosować http://jsfiddle.net/awdoujua/1/ może nie jest to najlepsze rozwiązanie ale zawsze jakieś jest na  twój problem czyli opis tematu

Answer 2

button i javascript odwołujący się do konkretnego pola

Answer 3

1. Może w ten sposób w html dodaj:

<input type="reset" onclick="nazwafunkcji()">

i w js:

function nazwafunkcji()
{
//kod ... za pomocą DOM'u
}

 

2. W html dodaj klase lub id:

<input type="reset" class="przycisk">

i w js za pomocą jquery:

$('przycisk').click(function()
{
//kod
});

 

I możesz wyczyścic formularz, bądź diva.

Więcej na 

http://www.goldenline.pl/grupy/Komputery_Internet/programisci-www/javascript-wyczyszczenie-zawartosci-pola-tekstowego,245430/

http://prondzyn.com/2011/03/28/czyszczenie-formularza-przy-pomocy-jquery/

 

 

Comments

https://pornel.net/onclick - warto pamiętać

---

Nie jest to najlepsza metoda.

Można zrobić tak jak podałeś czy za pomocą biblioteki jquery tu przykład 2. W każdym razie dzięki za link.

Answer 4

Zawsze przy tego typu problemach warto przygotować sobie uniwersalne rozwiązanie. Jak wyglądałoby w tym wypadku?

• Musi istnieć sposób, żeby identyfikować konkretne przyciski jako te służące do usuwania zawartości z pól formularza. Skoro może być ich więcej, logicznym wyborem jest klasa - np. resetField
• Musi istnieć sposób, żeby połączyć dany przycisk z konkretnym polem formularza. Najlepiej zapisać jakoś odwołanie po [id]. Można to zrobić np. przez atrybut [data-for] i w nim podać jakie pole nas interesuje. Można też spróbować zrobić to z [aria-controls] (http://www.w3.org/TR/wai-aria/states_and_properties#aria-controls), co połączy przycisk i pole również dla czytników ekranowych
• Musi wreszcie istnieć funkcja, która po przekazaniu jej [id] pola znajduje je i usuwa jego zawartość (tak, żeby była jak najbardziej uniwersalna). Z tego też powodu nie powinna być częścią obsługi kliku (bo np. będziemy chcieli ją wywołać samodzielnie), ale być osobno
• Dodatkowo zamiast przypinać zdarzenie do wszystkich przycisków oddzielnie, warto skorzystać z event delegation i przypiąć je raz tak, żeby wszystkie przyciski nim obsłużyć: http://tutorials.comandeer.pl/js-beauty.html#delegation
• Oczywiście tego typu przycisk działa tylko z JS, więc jeśli ktoś tego JS nie ma, to warto taki przycisk ukryć: http://www.paulirish.com/2009/avoiding-the-fouc-v3/

Mając w głowie te założenia można napisać prostą implementację, np: http://jsfiddle.net/Comandeer/zuvocm8n/1/