/
Tehtävä 2 - HTML -kenttä

Tehtävä 2 - HTML -kenttä

HTML-kenttää voi käyttää lomakkeilla, kun halutaan lisätä tekstejä, ohjeistuksia tai vaikkapa kuvia lomakkeelle.

 

Tehtävän tarkoitus on luoda HTML -kenttä lomakkeelle, jossa on tekstiä sekä linkki.
Linkki aukeaa uuteen välilehteen sitä klikattaessa.

image-20240201-092316.png

Ohjeet:

  1. Lisää lomakkeelle työkaluista HTML-kenttä.

image-20240201-092651.png

 

  1. Valitse Ominaisuudet ja määritä komponentille sopiva ID.

  2. Luo HTML-editorilla kenttään sisältöä: esimerkiksi Otsikko, Tekstiä sekä sana linkki.

  3. Lisätäksesi linkin sanaan linkki, maalaa sana ja paina ”linkki” kuvaketta editorissa.

  4. Määritä avautuvaan ikkunaan jokin verkko-osoite, esimerkiksi organisaation kotisivut. Määritä linkille näytettävä teksti (oletuksena maalattu teksti) sekä Vihjeteksti. Vihjeteksti tulee näkyviin kun hiiren kursori on linkin päällä lomakkeella. Määritä myös, että linkki aukeaa uuteen ikkunaan. Paina lopuksi Lisää.
    Alla opastusvideo:

html.mp4
Ohjeistus html-kentän lisäämiseen

 

Näin olet onnistuneesti lisännyt tekstiä sekä linkin lomakkeelle. Voit nyt tarkastella luomaasi kenttää esikatselussa ja kokeilla linkin toimivuuden.

Siirry tehtävään 3 - Uusi sivu ja valintaruutu

Tehtävä 1 - Paneeli
Tehtävä 2 - HTML-kenttä
Tehtävä 3 - Uusi sivu ja Valintaruutu ->
Tehtävä 4 - Radioryhmä ja logiikka
Tehtävä 5 - Liite tiedostot
Tehtävä 6 - Allekirjoituspaneeli ja omat työkalut

Related content