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

622

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

    Luetuimmat keskustelut

    1. Ensitreffit Jenni laukoo viinilasin ääressä suorat sanat Jyrkin aikeista: "Mä sanoin, että älä"

      Voi ei… Mitä luulet: kestääkö Jennin ja Jyrkin avioliitto vai päättyykö eroon? Lue lisää: https://www.suomi24.fi/viihde
      Ensitreffit alttarilla
      21
      2606
    2. 148
      2244
    3. Ymmärrän paremmin kuin koskaan

      Roikut kädessäni ja vedät puoleesi. Näen kuitenkin tämän kaiken lävitse ja kaikkien takia minun on tehtävä tämä. Päästän
      Tunteet
      29
      2242
    4. Hullu liikenteessä?

      Mikä hullu pyörii kylillä jos jahti päällä? Näitä tosin kyllä riittää tällä kylällä.
      Kiuruvesi
      52
      2139
    5. Niina Lahtinen uudessa elämäntilanteessa - Kotiolot ovat muuttuneet merkittävästi: "Nyt on...!"

      Niina, tanssejasi on riemukasta seurata, iso kiitos! Lue Niinan haastattelu: https://www.suomi24.fi/viihde/niina-lahti
      Suomalaiset julkkikset
      21
      1742
    6. Kun Venäjä on tasannut tilit Ukrainan kanssa, onko Suomi seuraava?

      Mitä mieltä olette, onko Suomi seuraava, jonka kanssa Venäjä tasaa tilit? Ja voisiko sitä mitenkään estää? Esimerkiks
      NATO
      388
      1617
    7. Ano Turtiainen saa syytteet kansankiihoituksesta

      Syytteitä on kolme ja niissä on kyse kirjoituksista, jotka hän on kansanedustaja-aikanaan julkaissut Twitter-tilillään
      Maailman menoa
      96
      1556
    8. Pyhäinpäivän aamua

      Oikein hyvää huomenta ja rauhallista päivää. ❄️😊🥱☕❤️
      Ikävä
      288
      1436
    9. Varokaa! Lunta voi sataa kohta!

      Vakava säävaroitus Lumisadevaroitus Satakunta, Uusimaa, Etelä-Karjala, Keski-Suomi, Etelä-Savo, Etelä-Pohjanmaa, Pohjanm
      Maailman menoa
      13
      1389
    10. Kunta ostaa kivitipun

      Kunnanjohtajan tuleva uusi ostokohde
      Lappajärvi
      132
      1389
    Aihe