Miten tehdään

tuollanen

Sivulla on form-lomake ja mitä niihin input kenttiin pitää kirjoittaa (esim nimi, email, jne..) lukee itse kentässä, ja kun käyttäjä valitsee jonkun kentän, niin se teksti esim "tähän tulee nimesi" häviää ja käyttäjä voi kirjoittaa sinne oman datan. Jos käyttäjä ei kirjoita mitään, niin siihen tulee taas tuo "tähän tulee nimesi"-teksti.

4

696

    Vastaukset 4

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • -formi-

      ..onko kenttä tyhjä tai onko siinä vakioteksti, tyhjä mahdollisuus tutkitaan vasta kentästä poistuttaessa, siinä se logiikka kokonaisuudessaan, vai pyysitkö laiskuudessasi valmista ratkaisua?

      • tehdä tuo

      • Ner32§
        tehdä tuo kirjoitti:

        Tässä sivustossa sama juttu on toteutettu huomattavasti fiksummin:

        http://www.velilehti.fi/galleria/6/

        Niin ihan samalla tavallahan tuo on tehty, paitse piilotat tyylien avulla tekstit ja näytät ne.

        Ja eihän tuo ole täydellinen, JS:llä pystyy muuttamaan tyylien arvoja jotenka ei tartteta

        if (document.getElementById) {
           document.write('');
           document.write('LABEL.backup{display:none;}');
           document.write('');
        }


    • javascriptiä

      Ensiksi :n sisään ja sen tagin sisälle 2 funktiota:

      function sumea(kentta) {
         if (kentta.value == '')   {
            kentta.value = 'Tämä on pakollinen kenttä'
         }
      }
      function kirkas(kentta) {
         if (kentta.value == 'Tämä on pakollinen kenttä') {
            kentta.value = ''
         }
      }


      Jälkimmäinen noista tarkistaa onko kentässä teksti "Tämä on..." ja jos on niin kentän arvo tyhjennetään. Toinen tarkistaa onko kentän arvo tyhjä ja jos on niin laittaa siihen tekstin. Näitä 2 funktioita kutsutaan sitten vain halutun inputin onblur ja onfocus kohdissa. Esim näin:

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Haapaveden upea kurvikuningatar

      No nyt on kyllä mahtava uutinen että Haapaveden rohkea ja toimelias nainen ja yrittäjä on päässyt finaaliin kurvikuninga
      Haapavesi
      101
      1266
    2. Uskaltaisitko ihana nuorempi nainen lähettää

      WhatsApp -viestiä, jos sulla on mun numero. Olisin ihan haltioitunut... Tykkään ja kaipaan ❤️❤️
      Ikävä
      89
      759
    3. Meinasi nainen mennä pasmat sekaisin

      Rupesin vapisemaan, kun huomasin sinut. Mutta sain sentään juuri ja juuri koottua itseni, etten ihan häpäissyt itseäni.
      Ikävä
      35
      681
    4. Sinulle viestiä

      Me sitten oikeasti tutustutaan ensin!!
      Ikävä
      47
      667
    5. Suomi meni ihan itse sössimään peruskoulunsa

      Nyt syytellään maahanmuuttoa, vaikka ihan itse lopetettiin vaatimaan oppilailta koulunkäynnin tarkoitus eli opiskelu ja
      Maailman menoa
      118
      541
    6. Lidilikö Suomussalmelle

      Tännekki Lidili. Loppus tuo kiskominen näillä jäljellä olevilla. K-Market ihan sikakallis ja hyvin ylimieliset omistajat
      Suomussalmi
      30
      531
    7. Ei makeat pimut sytytä

      sen jälkeen kun on nähnyt sinut. Olet vain ihastus vailla vertaa. Kun sinut tuntee muut eivät tunnu miltään. Tajuatko ol
      Ikävä
      32
      506
    8. Upeaa Google!

      Kohta on töitä tarjolla kaikille! Suomen taloushistorian suurin investointi ja Kajaani mainittu! Sähkö kyllä riittää, tö
      Kajaani
      181
      489
    9. Huomasitko? Elämä Lapselle -konsertti tänään suorana tv:ssä - Aika kova kattaus huippuartisteja!

      Lastenklinikoiden Kummien järjestämä Elämä Lapselle -konsertti tukee Suomen viiden yliopistollisen lastensairaalan toimi
      Viihde ja kulttuuri
      23
      487
    10. Miten vaikuttaa

      Jos kaivatustasi on moni muukin kiinnostunut?
      Ikävä
      59
      473
    Aihe