Sähköisten asiointipalveluiden toteuttaminen

Sorakuilu

Lomakkeet

Käyttäjälle ainoa tapa syöttää www-järjestelmään arvoja on www-lomake.

Lomake, form-elementti

Lomakkeen määrittää form-elementti, sen alku- ja lopputagien väliin tulevat kaikki muut lomakkeen elementit.

<form> Määrittää lomakkeen

Attribuutit

Syötekenttä, input-elementti

Varsinaiset syötteet sijoitetaan input-elementteihin, joita on useita eri tyyppisiä. Attribuutti type määrittää minkätyyppisestä input-elementistä on kyse.

<input /> Määrittää syöte-elementin

Attribuutit

  • value value Määrittää elementin arvon
  • Tekstialue, textarea-elementti

    <textarea> Määrittää monirivisen tekstisyöte-elementin

    Attribuutit

    Otsikko, label-elementti

    <label> Määrittää syöte-elementin otsikon

    Attribuutit

    Reuna, fieldset-elementti

    <fieldset> Määrittää reunan lomakkeen elementtien ympärille

    Reunan otsikko, fieldset-elementti

    <legend> Määrittää otsikon fieldset elementille

    Valintaluettelo, select-elementti

    <select> Määrittää alasvetovalintaluettelon

    Attribuutit

    <optgroup> Määrittää ryhmän valintoja valintaluettelosta

    Attribuutit

    <option> Määrittää vaihtoehdon valintaluettelossa

    Attribuutit

    <button> Määrittää painonapin

    Attribuutit

  • disabled disabled Määrittää että elementti ei ole käytössä sivua ladattaessa
  • name - teksti Määrittää nimen painonapille
  • type - Määrittää painonapin tyypin
  • value - teksti - Määrittää painonappiin kirjoitetun arvon
  • Valintaluettelo, johon voi myös syöttää arvon, datalist-elementti

    Laskelman tuloksen näyttäminen - output-elementti