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

Äänestä

    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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Martinan tyttärestä hieno haastattelu IL

      Martina on kasvattanut fiksun tyttären.
      Kotimaiset julkkisjuorut
      393
      1008

    2. Muuttaisitko kaivattusi luokse

      heti asumaan? 🛒
      Ikävä
      102
      895

    3. Orpo pelästyi, kun asiat tulivat ilmi ? Hallitus ei enää tuekaan Garden hanketta

      Pääministerinä Orpo on vastuussa hallituksensa päätöksenteosta. Hallitus päätti avokätisestä tuesta hankkeelle, joka ei
      Kansallinen Kokoomus
      293
      876

    4. Mitä kaivattusi

      pelkää? 👻
      Ikävä
      77
      748

    5. Mitä odotat kohtaamiselta?

      Niin, otsikossa kysymys.
      Ikävä
      82
      726

    6. Samassa kylässä asuu yks mies...

      Jota en voi sietää... yök!
      Ikävä
      75
      720

    7. Olet kuin minä

      Jännä huomata tämä kerta toisensa jälkeen eikö ❤️
      Ikävä
      50
      655

    8. Sanotaan se sitten tässä

      Rakastan sua mies varmaan.
      Ikävä
      37
      646

    9. Sinun silmiisi kun

      Katson niin ymmärrän sen. 👁️👁️👀
      Ikävä
      45
      631

    10. Mä olen tosi

      Ylpeä sinusta 🫂 Ajatuksissani pyydän sulle paljon suojelusta ja varjelusta. Sinua rakastettaan ja susta välitetään. Mui
      Ikävä
      38
      609
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt