![BLACK WEEK IT! [Zgarnij książkę GRATIS lub kupuj solo z rabatem do -50%]](https://static01.helion.com.pl/helion/img/promocje/xzay/box_1180x419_1x_druk__Black_week_2_zestawy_2024_Rpolony_a0d7b42e2-z1.png)
Tekst w polu input znikający po kliknięciu - wersja prototype, działa dla wielu inputów
Poniżej przedstawiam zremasterowaną wersję efektu "znikającej wartości input'a po kliknięciu w nie". Skrypt działa tym razem dla kilku lub więcej pól wejściowych bez zbędnego pisania dodatkowego kodu JS.
Sposób działania
Kiedy użytkownik kliknie na pole wejściowe, wtedy domyślna wartość zniknie, kiedy jednak użytkownik nie wprowadzi żadnej wartości do pola, wtedy pole przywraca swoją domyślną wartość, gdy pole straci skupienie.
Przykład użycia
<input type="text" name="imie" onblur="onInputBlur(this);" onfocus="onInputFocus(this);" value="Twoje imie.." />
Listing
//kod JavaScript należy wleić do pliku .js lub pomiędzy tagami <script>
function onInputBlur(input) {
if(input.value == '')
input.value = input.defaultValue;
}
function onInputFocus(input) {
if(input.value == '' || input.value == input.defaultValue)
input.value = '';
}
function onInputBlur(input) {
if(input.value == '')
input.value = input.defaultValue;
}
function onInputFocus(input) {
if(input.value == '' || input.value == input.defaultValue)
input.value = '';
}
Dodano przez: divix
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
