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

646

Äänestä

    Vastaukset

    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. Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa

      En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod
      Ikävä
      22
      5214

    2. Huomenta ihana

      Kauniskasvoinen ihanuus 😘 saan sut vielä
      Ikävä
      25
      4388

    3. Hei rakas...

      Miten on työpäivä sujunut? Rakastan sinua 💗
      Ikävä
      28
      2521

    4. Edelleen sitä on vaikea uskoa

      Että olisit oikeasti rakastunut muhun
      Ikävä
      34
      2264

    5. Toiveikas vai toivoton

      torstai? Ajatuksia?
      Ikävä
      37
      2008

    6. Vitsi mihin menit. Heti takasin.

      Mä näin sut tuu takasin! Oli kiire, niin en ehtiny sin perään!
      Ikävä
      15
      1928

    7. En ole koskaan kokenut

      Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka
      Ikävä
      19
      1607

    8. Mukavaa päivää

      Mun rakkauden kohteelle ❤️ toivottavasti olet onnellinen
      Ikävä
      12
      1531

    9. Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...

      Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons
      Suomalaiset julkkikset
      21
      1267

    10. Kerranki asiat oikein

      Ilkka ja muut pienpuolueeet...teitte hyvän työn kun valitsitte pätevän henkilön virkaan eikä kepulle passelia!! Jatkakaa
      Haapavesi
      10
      1184
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt