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

680

    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. Silmienvääntelijä-persut pääsivät Japanissa sarjakuvaan

      Torille! https://www.hs.fi/kulttuuri/art-2000011943173.html
      Maailman menoa
      53
      4298
    2. Avopuoliso, mies-/naisystävä vai mikä?

      Kävin eilen irl keskustelun, joka jätti minut pohtimaan seuraavaa ... millä nimityksellä kutsua henkilöä, jonka kanssa o
      Ikävä
      242
      4092
    3. Huvittava ilmiö: Vasemmistolaiset uskoo sokeasti SDP:n parantavan heidän

      elämäänsä, jos demarit johtaa seuraavaa hallitusta (Kyse on siis palstan vasemmistolaisista) Totuus on toinen, nimittäi
      Maailman menoa
      137
      3194
    4. Miksi Kuhmolaiset on niin nyrpeä ilmeisiä?

      Miksi suurin osa (ei onneksi kaikki) on niin typääntyneen näkösiä elämäänsä? Tuijotetaan toisia pahansuopaisesti ja kat
      Kuhmo
      20
      3159
    5. Riikka ohoi! Saksa alensi bensaveroa, missä euron bensa?

      Perussuomalaisten yksi vaalilupauksista oli euron bensiini suomalaisille autoilijoille. Ei ole näkynyt. Jopa vasemmis
      Maailman menoa
      65
      3024
    6. Tulipalo rivitalossa, tuhoutuu täysin

      Kainuun pelastuslaitos sai hieman puolenyön jälkeen maanantaina ilmoituksen rivitalon huoneistossa syttyneestä tulipalos
      Puolanka
      75
      2819
    7. Kyllä, maata ei halua puolustaa nimenomaan punavihreän puolen edustajat

      "Esimerkiksi maanpuolustushenki on keskimääräistä alempana naisten, arvoliberaalien, heikossa taloustilanteessa olevien
      Maailman menoa
      100
      2495
    8. Älkää vaan sairastuko syöpään Suomessa

      Tilaston mukaan Suomi, Slovakia ja Latvia lääkitsee aivan pohjamudissa syöpää. Sairastunutta hoidetaan edelleen vanhana
      Maailman menoa
      139
      2235
    9. Sä veit mun sydämen ihan totaalisesti

      Aivan totaalisesti..
      Ikävä
      47
      2082
    10. Oot se sinä

      Ihan varmasti oot, tuo olemus ei valehtele 😘💓🪅 🏡 ihana 😍🙏
      Ikävä
      24
      1790
    Aihe