Visualizzazione dei risultati da 1 a 9 su 9
  1. #1

    Input che azzera il suo valore onclick

    Vorrei realizzare un form con vari input di tipo text...

    questi input sono del tipo
    Codice PHP:

    <input type="text" id="titolo" name="titolo" value="Inserisci il titolo..." size="45" /> 
    Ora nella mia pigina mi appare in quell'input il valore Inserisci il titolo...

    Come faccio ad eliminare questo valore di default al click del mouse sull'input???

    Grazie a tutti!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    solo una precisazione: se un utente non ha (o non può usare) un mouse è meglio pensare ad un evento device-independant, ad esempio onfocus (che può essere attivato anche mediante tastiera o altro device)

    quindi

    codice:
    <input type="text" id="titolo" name="titolo" value="Inserisci il titolo..." size="45" 
      onfocus="this.value = '';"/>

    Ciao
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    e se volessi anche fa ritornare la scritta che c'era prima se non viene editato l'input?

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    ad esempio programmi l'evento inverso all'onfocus ovvero onblur().
    Se il campo viene lasciato vuoto allora ritorna allo stato iniziale.

    codice:
    <input type="text" id="titolo" name="titolo" value="Inserisci il titolo..." size="45" 
      onfocus = "this.value = '';"
      onblur  = "if(this.value == '') this.value = 'Inserisci il titolo...' "/>
    Edit: occhio che mi sono perso due apici doppi per strada... ho corretto
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    grazie mille sei stato gentilissimo!!!

  6. #6
    la seconda onblur = if(this.value == '') this.value = 'Testo...' non funza...

  7. #7
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    si avevo tralasciato due apici... ricopiala
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  8. #8
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    sbaglio o cosi' potrebbe funzionare meglio?
    codice:
    onfocus="if(this.value==this.defaultValue){this.value=''}" onblur="if(this.value==''){this.value=this.defaultValue}"
    con defaultValue nell' onblur eviti di riscrivere il value, da qui si puo' facilmente ricavare una funzione per gestire + di un singolo campo senza preoccuparsi di passare il value iniziale
    con il controllo onfocus nel caso di correzioni o anche di semplice spostamento tramite tab non perdo modifiche gia' apportate al campo

    ciao

  9. #9
    grazie sicuro va bene anche la tua versione...
    grazie ancora

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.