Automatically Clear Default Form Values

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
greekbytes
WebDev Moderator
Δημοσιεύσεις: 2438
Εγγραφή: 15 Νοέμ 2002 15:42
Τοποθεσία: Αθήνα
Επικοινωνία:

Automatically Clear Default Form Values

Δημοσίευση από greekbytes » 01 Φεβ 2005 13:35

Έψαξα για το site μου ένα πρακτικό scriptακι που να σβήνει τα αρχικά values από μία φόρμα όταν κάποιος πάει να γράψει και βρήκα αυτό (αν το θέλει κάποιος):

Στο head:

Κώδικας: Επιλογή όλων

<script>
function clearDefault&#40;el&#41; &#123;
  if &#40;el.defaultValue==el.value&#41; el.value = ""
&#125;
</script>
Στο κάθε στοιχείο της φόρμας:

Κώδικας: Επιλογή όλων

ONFOCUS="clearDefault&#40;this&#41;"
πχ:

Κώδικας: Επιλογή όλων

<input type="text" name="name" value="το όνομα σας" ONFOCUS="clearDefault&#40;this&#41;">
EDIT:
Ο 3dots μου έδωσε έναν καλύτερο τρόπο που όταν ξαναπατήσεις έξω από τη φόρμα εμφανίζεται το αρχικό value:

Κώδικας: Επιλογή όλων

onblur="if&#40;this.value==''&#41; this.value='otinanai';" onfocus="if&#40;this.value=='otinanai'&#41; this.value='';"
πχ:

Κώδικας: Επιλογή όλων

<input type="text" name="name" value="otinanai" onblur="if&#40;this.value==''&#41; this.value='otinanai';" onfocus="if&#40;this.value=='otinanai'&#41; this.value='';">
Thanks man ;)

Άβαταρ μέλους
xmavidis
Honorary Member
Δημοσιεύσεις: 1217
Εγγραφή: 02 Δεκ 2003 19:59
Τοποθεσία: Ηράκλειο

Automatically Clear Default Form Values

Δημοσίευση από xmavidis » 01 Φεβ 2005 14:47

Πολύ καλό!
Και έψαχνα κάτι τέτοιο! :yea: :pepsi:

Υ.Γ. Τελικά αυτά τα καινούργια smilies είναι πόρωση!! :victory: :yea:
I want to know God’s thoughts; the rest are details.
Albert Einstein

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες