Mitä syöttö tarkoittaa? Lomake- ja syöttötunnisteet painikkeiden, valintaruutujen ja valintanappien luomiseen. Tunniste – mitä varten tämä lomakkeen HTML-tunniste on tarkoitettu?

Käyttäjän syöttökentät voivat poiketa merkittävästi toisistaan. Arvosta riippuen tyyppi-attribuutti, syöttökenttä voi olla tekstikenttä, salasanakenttä, valintanappi, yksinkertainen painike jne.

Attribuutit

• audio/*- Kaikki äänitiedostot hyväksytään.
• video/*- Kaikki videotiedostot hyväksytään.
• kuva/*- Kaikki kuvatiedostot hyväksytään.
• MIME_type- kelvollinen MIME-tyyppi ilman parametreja hyväksytään.

Huomautus: IE9:ssä ja uudemmissa ei tueta hyväksymisattribuuttia aikaisemmat versiot.

Alt: Tarjoaa vaihtoehtoinen teksti käyttäjälle, jos hän jostain syystä ei voi katsella kuvia. alt-attribuutti voidaan käyttää vain type="image"-attribuutin kanssa. automaattinen täydennys: Määrittää, otetaanko automaattinen täydennys käyttöön tiedonsyöttökentässä:

• päällä- selain näyttää automaattisesti käyttäjän aiemmin syöttämät arvot (oletusarvo).
• vinossa- Käyttäjän on syötettävä kentän arvot itse aina, kun hän käyttää lomaketta. Aiemmin syötettyjä arvoja ei näytetä.

Huomautus: Automaattisen täydennyksen attribuutti toimii seuraavien attribuuttiarvojen kanssa elementtityyppi : teksti, haku, url, puhelin, sähköposti, salasana, päivämääränpoimijat, valikoima ja väri.

Automaattinen tarkennus: Kertoo selaimelle, että elementti pitäisi keskittyä sivujen lataamisen jälkeen. Autofocus Boolean -attribuutin arvot voidaan määrittää seuraavilla tavoilla:

Huomautus: Autofocus-attribuuttia ei tueta IE9:ssä ja aiemmissa versioissa.

Tarkistettu: Osoittaa sen tämä elementti valitaan oletusarvoisesti, kun sivu latautuu. Toimii vain type="checkbox"- tai type="radio"-attribuutin kanssa. Tarkistettu Boolean-attribuutti voidaan asettaa seuraavilla tavoilla: Esimerkki » pois käytöstä: Ilmaisee, että elementti on sammutettava (pois päältä kytketty elementti ei ole aktiivinen). Poistettu Boolean-attribuutti voidaan asettaa seuraavilla tavoilla: Esimerkki »

Huomautus: Disabled-määrite ei toimi .

Muoto: Määrittää muodon, johon elementti liittyy . Attribuutin arvo on elementin tunniste . Tämän määritteen avulla voit sijoittaa elementin missä tahansa asiakirjan kohdassa, ei vain elementin jälkeläisenä . Elementti voidaan liittää vain yhteen lomakkeeseen.

Jos muoto-attribuutti ei ole määritetty, sitten elementti on oltava elementin lapsi .

Huomautus: IE ei tue form-attribuuttia.

Muotoilu: Määrittää URL-osoitteen tiedostolle, joka käsittelee syötteen, kun lomake lähetetään. Formation-attribuuttia käytetään vain type="submit" tai type="image" kanssa, ja se ohittaa elementin action-attribuutin .

Huomautus: Formation-attribuuttia ei tueta IE9:ssä ja aiemmissa versioissa.

Formenctype: Määrittää, kuinka lomaketiedot koodataan, kun ne lähetetään palvelimelle. Voidaan käyttää vain yhdessä elementin method="post"-attribuutin kanssa . Mahdolliset arvot:

• Application/x-www-form-urlencoded- oletusarvo: kaikki merkit koodataan ennen lähettämistä (välilyönnit muunnetaan "+"-merkiksi, ja Erikoissymbolit ASCII HEX -arvoihin).
• moniosainen/lomake-data- merkkejä ei ole koodattu. Käytetään elementeille , jonka type-attribuutiksi on asetettu "file".
• tekstiä / tavallista- välilyönnit muunnetaan "+"-merkiksi, mutta niitä ei koodata heksadesimaaliarvot erikoismerkkejä, kuten heittomerkkejä.

Huomautus: Formenctype-attribuuttia ei tueta IE9:ssä ja aiemmissa versioissa.

Muototapa: Määrittää HTTP-menetelmä lähettääksesi tiedot määritettyyn URL-osoitteeseen (type="submit" ja type="image"):

• saada- lomaketiedot lisätään URL-osoitteen loppuun: URL?nimi=arvo?nimi=arvo (oletusarvo).
• lähettää- lähettää lomaketiedot HTTP-muodossa tapahtuman jälkeen.

Huomautus: Formethod-attribuuttia ei tueta IE9:ssä ja aiemmissa versioissa.

Formnovalidate: Ilmaisee, että syöttökenttään syötettyjä tietoja ei validoida ennen lähettämistä. Mahdolliset arvot novalidate boolean-attribuutille:

Huomautus: Attribuuttia formnovalidate ei tueta IE9:ssä ja aiemmissa versioissa eikä Safarissa.

Muotokohde: Määrittää kehyksen nimen tai avainsana, joka määrittää, missä lomakkeen lähettämisen jälkeen saatu vastaus näytetään:

• _tyhjä- avaa asiakirjan uuteen ikkunaan tai välilehteen.
• _itse- avaa dokumentin samassa hakemistossa, jossa linkki sijaitsee (oletusarvo).
• _parent- avaa asiakirjan pääkehyksessä.
• _top- avaa asiakirjan ikkunan koko leveydelle.
• kehyksen_nimi- avaa asiakirjan iframe-kehyksessä, jonka nimi määritettiin arvoksi.

Huomautus: Formtarget-attribuuttia ei tueta IE9:ssä ja aiemmissa versioissa.

Korkeus: Määrittää elementin korkeuden pikseleinä, käytetään vain kanssa (esimerkki: korkeus="100"). lista: Muodostaa suhteen elementin välille

Huomautus: List-attribuuttia ei tueta IE9:ssä ja aiemmissa versioissa eikä Safarissa.

Max: Määrittää enimmäisarvon numeron tai päivämäärän syöttämiselle. Voit käyttää max-määritettä yhdessä min-attribuutin kanssa kelvollisten arvojen alueen luomiseen.

• määrä- osoittaa suurimman sallitun arvon.
• Päivämäärä- määrittää suurimman sallitun saapumispäivän.

Huomautus: max-attribuuttia ei tueta IE9:ssä ja aiemmissa versioissa eikä Firefoxissa.

Maxlength: Määrittää syöttökenttään kirjoitettavien merkkien enimmäismäärän. Tätä määritettä voidaan käyttää rajoittamaan merkkien määrää, jonka käyttäjä saa kirjoittaa tiettyyn kenttään. Kun esimerkiksi kysyt vuotta, voit rajoittaa merkkien määrää asettamalla maxlength-attribuutiksi 4. Esimerkki » min: Määrittää numeron tai päivämäärän syöttämisen vähimmäisarvon.

• määrä- ilmaisee pienimmän hyväksyttävän arvon.
• Päivämäärä- määrittää sisääntulon vähimmäispäivämäärän.

Huomautus: min-attribuuttia ei tueta IE9:ssä ja aiemmissa versioissa eikä Firefoxissa.

Useita: Osoittaa, että käyttäjä voi syöttää useamman kuin yhden arvon. Useita määrite toimii vain type="email" ja type="file" kanssa. Usean loogisen attribuutin mahdolliset arvot: Esimerkki »

Huomautus: Multi-attribuuttia ei tueta IE9:ssä ja aiemmissa versioissa.

Name: Name-attribuutti määrittää elementin nimen, se lähetetään palvelimelle kenttään syötettyjen tietojen kanssa. Nimeä voidaan käyttää JavaScriptissä viittaamaan elementtiin tai identifioimaan palvelimelle välitettyjä tietoja (esim. kun käsitellään tietoja palvelimella, elementin nimen avulla voit tunnistaa, mikä annettiin käyttäjänimeksi ja mikä Salasana). kuvio: Määrittää säännöllisen lausekkeen, joka määrittää syöttökentässä sallittavien tietojen syntaksin. Näyte tavallinen ilme on vastattava koko syötettyä arvoa. Voit kuvata mallin toimintaa käyttämällä yleistä otsikkoattribuuttia. Malliattribuutti toimii seuraavien tyyppimääritteiden arvojen kanssa: text, search, url, tel, email ja password.

Huomautus: Mallimääritettä ei tueta IE9:ssä ja aiemmissa versioissa eikä Safarissa.

Paikkamerkki: Määrittää lyhyen työkaluvihjeen, joka kuvaa syöttökentän odotusarvon (esimerkki: näytearvo tai Lyhyt kuvaus odotettu muoto). Työkaluvihje näytetään syöttökentässä, kun se on tyhjä, ja se katoaa, kun käyttäjä alkaa syöttää tietoja tai kun kenttä saa tarkennuksen (ero attribuutin toiminnassa riippuu käytetystä selaimesta, jos kenttä menettää tarkennusta eikä tietoja). on syötetty kenttään, sitten kentän syöttö, kehote näytetään uudelleen.

Paikkamerkkiattribuutti toimii seuraavien tyyppimääritteiden arvojen kanssa: text, search, url, tel, email ja password. Esimerkki »

Huomautus: Paikkamerkkiattribuuttia ei tueta IE9:ssä ja aiemmissa versioissa.

Vain luku: Ilmaisee, että syöttökenttä on vain luku -tilassa eikä sitä voi muokata (tekstiä voidaan kuitenkin valita ja kopioida). Mahdolliset arvot vain luku -totuusattribuutille: Esimerkki » pakollinen: Ilmaisee, että syöttökenttä on täytettävä ennen kuin lomake voidaan lähettää. Jos käyttäjä yrittää lähettää lomakkeen syöttämättä mitään arvoa kenttään, näytölle tulee varoitusviesti. Tämän viestin sisältö ja tyyli vaihtelevat selaimen ja syöttökentän tyypin mukaan.

Vaadittu attribuutti toimii seuraavien tyyppiattribuuttiarvojen kanssa: text, search, url, tel, email, password, date pickers, number, checkbox, radio and file. Vaaditun loogisen attribuutin mahdolliset arvot:

Huomautus: Vaadittua attribuuttia ei tueta IE9:ssä ja aiemmissa versioissa eikä Safarissa.

Koko: Määrittää syöttökentän leveyden (mittayksikkö on näkyvien merkkien määrä). Joten esimerkiksi arvo 3 luo tekstinsyöttökentän, joka on riittävän leveä näyttämään kolme syötettyä merkkiä (vaikka käyttäjä voi halutessaan kirjoittaa enemmän). Suuri määrä). Koko-attribuutti toimii seuraavien type-attribuuttiarvojen kanssa: text, search, tel, url, email ja password. Osoittaa enimmäismäärä syötetyt merkit, käytä maxlength-määritettä. Esimerkki » src: Määrittää polun kohteeseen graafinen tiedosto kenttään, jossa on kuva. Attribuutti src vaaditaan elementeille type="image" ja sitä voidaan käyttää vain niiden kanssa. vaihe: Määrittää elementin numeroalueen . Esimerkki: jos askel="3", niin lukujen mahdolliset arvot voivat olla: -3, 0, 3, 6 jne. Step-attribuuttia voidaan käyttää yhdessä max- ja min-attribuuttien kanssa kelvollisten arvojen alueen luomiseen.

Huomautus: Step-attribuuttia ei tueta IE9:ssä ja aiemmissa versioissa eikä Firefoxissa.

Tyyppi: Määrittää, minkä tyyppinen ohjausobjekti renderöidään. Oletuksena selaimet käyttävät ellei type-attribuutille ole määritetty erilaista tai tuntematonta arvoa. Tällä tavalla selaimet, jotka eivät tue uusia arvoja, yksinkertaisesti korvaavat ne oletusarvoilla ja näyttävät tavallisen tekstinsyöttökentän.

• -painiketta- päättää aktiivinen painike(käytetään pääasiassa JavaScriptin kanssa komentosarjan aktivoimiseen).
• valintaruutu- määrittää valintaruutujen säätimet, jotka voidaan joko valita tai poistaa. Voit valita useita valintaruutuja kerralla tai olla valitsematta yhtäkään niistä. Tämä erottaa valintaruudut valintanapeista (type="radio").
• väri- luo väripaletin, jonka avulla käyttäjät voivat valita väriarvot heksadesimaalimuodossa.
• Päivämäärä- antaa sinun käyttää selaimen sisäänrakennettua päivämäärävalitsin-widgetiä.
• treffiaika- määrittää päivämäärän ja ajan säätimen (vuosi, kuukausi, päivä, tunti, minuutti, sekunti ja sekunnin murto-osat UTC-aikavyöhykkeen perusteella).
• päivämäärä-aika-paikallinen- määrittää päivämäärän ja ajan säätimen (vuosi, kuukausi, päivä, tunti, minuutit, sekunnit ja sekunnin murto-osat (ei aikavyöhykettä)).
• sähköposti- määrittää kentän sähköpostiosoitteelle.
• tiedosto- määrittää ohjaimen "Selaa"-painikkeella tiedostojen valitsemista ja lataamista varten.
• piilotettu- päättää piilotetut kentät syöttö.
• kuva- määrittää kuvan lähetyspainikkeeksi.
• kuukausi- voit valita yhden kuukauden, jonka jälkeen se antaa tiedot vuoden ja kuukauden muodossa (esimerkiksi: 2014-05).
• määrä- määrittää kentän numeroiden syöttämistä varten.
• Salasana- määrittää salasanan syöttökentän (naamioidut merkit).
• radio- luo valintanapit, jotka sulkevat toisensa pois, jos valitset yhden valintanapin, kaikki muut eivät ole aktiivisia.
• alue- luo liukusäätimen, liukusäätimen oletusarvo on 0 - 100. Muuttaaksesi aluetta, käytä min attribuutteja ja max halutuilla arvoilla. Huomaa, että tämä säädin ei näytä nykyistä arvoa.
• nollaa- määrittää nollauspainikkeen (palauttaa kaikki lomakkeen kentät oletusarvoihin).
• Hae- määrittää tekstikentän hakumerkkijonoa varten.
• Lähetä- määrittää "Lähetä"-painikkeen.
• puh- määrittää kentän puhelinnumeron syöttämistä varten.
• teksti- määrittää yksirivisen tekstikentän (oletusleveys on 20 merkkiä).
• aika- sallii arvojen syöttämisen 24 tunnin muodossa, esimerkiksi: 12:34. Tuetuissa selaimissa säädin näkyy numeerisena syöttökentässä, jossa on hiirellä muokattava arvo ja sallii vain aika-arvojen syöttämisen.
• url- määrittää kentän URL-osoitteen syöttämistä varten.
• viikko- voit valita yhden viikon, jonka jälkeen se tarjoaa tiedot vuosi- ja viikkomuodossa (esimerkiksi: 2014-W15).

• "Button", "reset" ja "submit" - määrittää painikkeen tekstin
• "teksti", "salasana", "piilotettu" - määrittää syöttökentän alkuperäisen (oletusarvon)
• "Checkbox", "radio", "image" - määrittää syötteeseen liittyvän arvon (lähetyksen yhteydessä lähetettävän arvon)

Tag tukee myös maailmanlaajuisia määritteitä ja tapahtumia

Oletustyyli

Esimerkki

Yleisin lomakkeissa käytetty tunniste on . Siinä ei ole sulkemismerkkiä. Kaikki tiedot, jotka selain tarvitsee käsitelläkseen, sisältyvät suoraan tunnisteeseen ja määritetään käyttämällä erilaisia ​​attribuutteja. Semantiikka vaihtelee huomattavasti sen attribuutin arvon mukaan tyyppi.

Tunnisteen attribuutit

Kaikki selaimet eivät tue HTML5:ssä lisättyjä tyyppejä.
Jos selain ei tue jotakin uusista tyypeistä, se olettaa, että se on . Vanhojen selainten tuen järjestäminen kuvataan päivämäärän esimerkin avulla.

Autocomplete="off" Poistaa automaattisen täydennyksen käytöstä tästä kentästä. Erittäin hyödyllinen kertaluonteisiin koodinsyöttökenttiin, captchoihin jne. .setAttribute("automaattinen täydennys","off"); automaattitarkennus Automaattinen kuitti keskity, kun sivu latautuu. Arvo voidaan asettaa kolmella tavalla: ... ... ... Esimerkki automaattitarkennusominaisuuden emuloinnista vanhemmille selaimille. poistettu käytöstä Tekee elementin käyttökelvottomaksi. Kohteita, joihin ei ole pääsyä, ei lähetetä palvelimelle. nimi Kentän nimi. Jokaisella luomallasi syöttökentällä on oltava oma yksilöllinen nimi, muuten komentosarja ei määritä, mitä kenttiä tuloksena saadut arvot koskevat. Tietenkin syöttökentän nimen on vastattava sitä nimeä, joka on kuvattu sille käsittelyohjelmassa. arvo Kentän tai painikkeen tarran oletusarvo. size Tyyppikentän koko. maxlength Rajoitus merkkien lukumäärälle, joka voidaan syöttää tyypin kenttään. readonly="readonly" tai "" Estää elementin muuttamisen. pakollinen Tarkistaa automaattisesti, onko kenttä täytetty.
Korostaaksesi oikein täytetty pakollinen kenttä, voit käyttää seuraavaa tyylirakennetta: min Minimiarvo numerot tyyppikentässä määrä. max Suurin numeroarvo tyyppikentässä määrä. vaihe Vaihe numeron vaihtamiseksi tyyppikentässä määrä. kuvio Syöttökentän malli. Tietojen syöttämisen oikeellisuuden tarkistaminen. Esimerkkejä malleista html5-lomakkeen syöttömallille. paikkamerkki Työkaluvihje teksti lomakekentässä, joka katoaa automaattisesti, kun kenttä saa tarkennuksen.
Esimerkki työkaluvihjeen tyylin asettamisesta:

IE:ssä ja Firefoxissa (versioon 18 asti) paikanpitäjä sitä pidetään pseudoluokkana ja muissa - pseudoelementtinä.

TULOS:

Luettelo Luettelo vaihtoehdoista, jotka voidaan valita kirjoitettaessa tekstikenttään.
Tämä luettelo on aluksi piilotettu ja tulee saataville, kun kenttään kohdistetaan tai syötetään tekstiä.

INPUT-elementtityypit

BUTTON-painike

Painike PAINIKE on tarkoitettu tapauksiin, joissa sinun on suoritettava jokin komentosarja. Toisin sanoen painikkeeseen on liitetty tapahtuma OnСlick ja vaadittu funktio kutsutaan. Attribuutti arvo asettaa painikkeen tarran. Attribuutti klikkaamalla määrittää JavaScript-käsittelijän, jota kutsutaan, kun painiketta napsautetaan. Attribuutti nimi palvelee painikkeen JavaScript-nimeämistä (se ei välitetä palvelimelle).

Esimerkki

TULOS:

LÄHETÄ-painiketta

Tämä painike on lomakkeen lähettämistä varten. Useimmissa selaimissa sitä ei voi melkein erottaa painikkeesta. Sitä ei itse lähetetä, vaan se toimii vain ohjauksessa.

Attribuutti klikkaamalla painikkeelle LÄHETÄ käytännössä ei käytetä, koska on parempi käyttää tapahtumakäsittelijää lähettää, määritetty tunnisteessa

TULOS:

Attribuutti arvo tarjoaa tiettyjä etuja, kun käytetään useampaa kuin yhtä datapainiketta. Tässä tapauksessa skripti voi vastaanotetun muuttujan arvon perusteella määrittää, kuinka vastaanotettua tietoa käsitellään edelleen.

Esimerkki

TULOS:

Attribuutti muotonovalidaatti voidaan käyttää estämään lomakearvojen vahvistaminen.

Esimerkki

TULOS:

Nollaus painike

Tämä on selkeä lomakepainike. Kun napsautat, kaikki muutetut elementit palautetaan oletusarvoihinsa. Sitä käytetään melko harvoin. Joissakin tapauksissa se voi kuitenkin olla varsin hyödyllistä.

Vinkki: Ole varovainen valitessasi painikkeen tarraa RESET. Jotain "Tyhjennä", "Aloita alusta", "Poista syöttö" jne. olisi melko selkeää (ja mikä tärkeintä, intuitiivista jopa nuken nukkeille). Yleensä on välttämätöntä, että käyttäjällä ei ole pienintäkään epäilystä tämän avaimen tarkoituksesta.

Esimerkki

TEKSTI-syöttökenttä

Tekstinsyöttökenttä on lomakkeiden yleisimmin käytetty syöttökenttä. Lisäksi sitä voidaan perustellusti pitää tärkeimpänä ja tärkein elementti lomakkeita Tunniste käyttää tätä tyyppiä oletusarvoisesti se voidaan jättää näyttämättä tekstikenttää. Kuitenkin, jos valitsinta on tarpeen muokata syöttö, sitten määrite type="teksti" ei voi jättää väliin.
Attribuutin määrittämä kentän nimi nimi, on aina pakollinen, koska tämän parametrin perusteella selain välittää skriptille nimi=arvo-parin.

Esimerkki

TULOS:

Teksti "Ivanov" sijoitetaan luotuun kenttään alkuarvona. Jos käyttäjä ei tee muutoksia tai klikkaa painiketta, komentosarjaan lähetetään arvo Ivanov käyttäjän sukunimenä.

Numeron syöttökenttä NUMBER

Kenttä on tarkoitettu numeroiden syöttämiseen. Murto-osa voidaan syötettäessä erottaa joko pisteellä (2.5) tai pilkulla (2.5). Jos käyttäjä kirjoittaa kirjaimia, lomaketta ei lähetetä palvelimelle.

Esimerkki

TULOS:

Voit asettaa kentän minimi- ja enimmäisarvot sekä numeronmuutosaskeleen. Askelarvo voi olla joko positiivinen tai negatiivinen, mutta sen on oltava suurempi kuin 0. Jos kenttään syötetty numero ei vastaa annettuja rajoituksia, lähettämistä palvelimelle ei tapahdu.

Esimerkki

TULOS:

Voit määrittää minkä tahansa vaiheen käyttämällä step="mikä tahansa".

Esimerkki

TULOS:

Ala määrä näkyy eri tavalla: jotkin selaimet näyttävät aina nuolia, toiset vain, kun ne pitävät hiiriä tai vastaanottavat tarkennusta.

Piilotettu kenttä HIDDEN

Tämä on erityinen (piilotettu) tekstikenttä. Jos yksi komentosarja käsittelee useita eri lomakkeita, voit määrittää kunkin lomakkeen piilotettuun kenttään tunnisteen, jonka avulla voit tunnistaa, mitä lomaketta käsittelet.

Esimerkki

Selain ei näytä piilotettua kenttää, vaikka se voidaan löytää, jos laitat selaimen HTML-tiedostojen katselutilaan ja jäsentelet Web-sivun tekstiä. Piilotetut kentät ovat hyödyllisiä, kun haluat antaa komentosarjalle vaadittavia tietoja, mutta et halua käyttäjän voivan muuttaa niitä. Huomaa kuitenkin, että taitava käyttäjä voi tallentaa lomakkeesi tiedostoon, muokata sitä ja lähettää sitten muokatun lomakkeen palvelimelle. Siksi sinun ei pitäisi luottaa piilotettuihin kenttiin minkäänlaisen suojan luomiseksi.

Esimerkki

Skripti saa muuttujan nimeltä Lomakeversio, jolle annetaan arvo 1.2. Näiden tietojen avulla voidaan määrittää, kuinka loput lomakkeesta saadut tiedot käsitellään. Jos käyttäjä muuttaa tätä arvoa, komentosarjaohjelma saattaa käyttäytyä odottamattomilla tavoilla.

Sähköpostiosoitteen syöttökenttä

Jos haluat kirjoittaa useita osoitteita, voit lisätä määritteen useita, pilkulla (,), jota käytetään osoitteiden erottamiseen

Esimerkki

Sisällys

Mikä on syöttö? muokata

‘Syöte' ("syöttötiedot", noin kaista) Tämä lyhyt sana, jonka sovimme nimeämään " lauseet, joita luet ja kuuntelet" Syöte on vastakohta " Lähtö', joka artikkeleissamme tarkoittaa "lauseita, joita puhutte tai kirjoitat".

Kieltenopetuksen mallimuokata

Oletko koskaan miettinyt, miksi voit puhua äidinkieli niin helppoa? Haluat sanoa jotain (ilmaista ajatuksia) - ja oikeat lauseet ja lauseet tulevat vain mieleesi. Suuri osa prosessista on tiedostamatonta: jotain vain ilmestyy päässäsi. Voit sanoa sen tai ei, mutta et tiedä mistä se tuli. Tässä on malli, joka selittää, kuinka tämä on mahdollista:

1. Sait syötteen - luit ja kuuntelit lauseita jollain kielellä. Jos ymmärrät nämä lauseet, ne tallentuvat aivoihisi. Tarkemmin sanottuna ne tallennetaan kielestä vastaavaan aivojen osaan.
2. Jos haluat sanoa tai kirjoittaa jotain tällä kielellä (haluat luoda tulosteen), aivosi etsivät lausetta, jonka olet kuullut tai lukenut aiemmin - lausetta, joka vastaa merkitykseltään sitä, mitä haluat tuottaa. Joten aivot jäljittelevät lausetta (luovat saman tai samanlaisen) ja sanot oman lauseesi kielellä. Tämä prosessi on alitajuinen: aivot tekevät sen automaattisesti.

Kommentoi malliamuokata

Tietenkin tämä malli on hyvin yksinkertaistettu. Aivot eivät etsi kokonaisia ​​lauseita, vaan pikemminkin lauseen osia (ilmauksen merkityksessä täydellisiä). Hän osaa rakentaa näistä osista erittäin monimutkaisia ​​ja pitkiä lauseita. Joten aivot eivät vain "jäljittele" yhtä lausetta kerrallaan. Hän käyttää useita lauseita kerralla rakentaakseen jotain omaperäistä. Esimerkiksi aivot tietävät, että voit ottaa tutun lauseen ja korvata sen aiheen. Jos esimerkiksi kuulit "kissa pöydän alla", voit helposti sanoa "koira pöydän alla" tai "kirja tuolin alla".

syöttö on välttämätöntä aivoille. Mitä oikeita ja ymmärrettäviä lauseita aivot tietävät, sitä paremmin ne pystyvät ilmaisemaan ajatuksia.

Tämä malli kuvaa lasta, joka oppii äidinkieltään. Lapsi kuuntelee vanhempiaan ja muita ihmisiä. Hänen aivonsa ymmärtävät ja muistavat kuulemansa ja kykenevät yhä paremmin ajattelemaan itse. 5-vuotiaana lapsi puhuu melko hyvin.

Mutta sama malli voi toimia myös vieraan kielen opiskelussa. Itse asiassa uskomme, että tämä on ainoa tapa hallita kieli täydellisesti.

Mitä tämä malli tarkoittaa opiskelijoille? vieras kieli? Tärkein:

• aivot ajattelevat jo tunnetun perusteella (syöte). Siksi sinun täytyy ruokkia aivosi oikeilla ja ymmärrettävillä ilmaisuilla. Ennen kuin voit puhua, aivosi täytyy muistaa tarpeeksi oikeita ilmaisuja kyseisellä kielellä.
• puhe ja kirjoittaminen (tulostus) eivät ole niin tärkeitä. Ne eivät paranna kielitaitoa. Voit helposti vahingoittaa englantiasi yrittämällä sanoa tai kirjoittaa jotain liian aikaisin tai huomaamattomasti.
• et tarvitse kielioppisääntöjä. Opit puhumaan äidinkieltäsi ajattelematta kirjainkoosta tai pronominia. Vieraan kielen voi oppia samalla tavalla.

Kuinka syöttö voi muuttaa englantiasi.muokata

Jos opettelet ulkoa kaikki uudet lauseet useista englanninkielisistä kirjoista, huomaat, että siitä on tullut paljon parempi. Yllätyt, mutta samankaltaiset lauseet tulevat yksinkertaisesti mieleesi, kun puhut tai kirjoitat! Ja puhut melkein ilman virheitä. Huomaat varmasti eron seuraavan englannin kokeen aikana. Esimerkiksi, jos sinun on valittava vastaus, "tunnet" oikean vastauksen. Et ehkä tiedä "miksi" se on oikein (et tiedä mikä kielioppisääntö on), mutta tiedät, että se on oikein. Tiedät tämän, koska tiedät samanlaisia ​​lauseita ja ne ovat oikein.

Tämä koskee mitä tahansa kielen aihetta. Heitä pois englannin oppikirja! Ymmärrät, että "Olen nähnyt Paavalin eilen" on väärin, mutta "Minä näin Paavalin eilen" on oikein. Ensimmäinen lause kuulostaa yksinkertaisesti väärältä. Miksi? Luit lauseita, jotka ovat samankaltaisia ​​kuin toinen 200 kertaa ja samanlaisia ​​kuin ensimmäiset 0 kertaa.

En koskaan unohda, kun avasin oppikirjan "Practical English Usage". Olin jo päättämässä lukiosta ja englannin kielenkäyttöni oli jo erinomaista. Oppikirja oli täynnä kysymyksiä ja kielioppisääntöjä. Jokaiselle kysymykselle oli useita esimerkkejä, oikeita ja vääriä. Kun katsoin väärä esimerkki, olin yllättynyt, "tietysti se on väärin, se kuulostaa aivan kamalalta." Kun luin sen säännön, ajattelin: "En tiennyt, että sille on olemassa sääntö." Minulla oli sellainen vaikutelma, etten tiennyt kirjasta yhtään sääntöä... En tarvinnut niitä. (Ja vaikka haluaisinkin, en muistaisi kaikkia sääntöjä). Voisin vain katsoa lausetta ja kertoa, näyttikö se oikealta vai ei. Minusta tuli kuin äidinkielenään puhuja. Lukemalla kirjoja, katsomalla tv-sarjoja, kuuntelemalla musiikkia jne. Sain paljon palautetta. On monia esimerkkejä, joissa ihmiset ovat tulleet lähelle täydellisyyttä tästä - esimerkiksi Michael, minä ja muut osion kirjoittajat

Tervehdys, rakkaat blogisivuston lukijat. Tänään haluan puhua jostain sellaisesta HTML-lomakkeet. Olipa sivustosi moottori (cms) mikä tahansa, se käyttää varmasti muodossa tai toisessa lomakkeita, jotka on luotu Form- ja Input-tageilla sekä attribuuttien ja parametrien avulla Painike, Valittu, Arvo, Valintaruutu, Radio, Valintaruutu, Lähetä .

No, voit myös lisätä tähän elementtejä avattavien luetteloiden ja tekstikenttien luomista varten - Select, Optio, Textarea, Label, Fieldset, Legend.

Miksi lomakkeita tarvitaan ja miten ne toimivat nykyaikaisilla verkkosivuilla?

Sama sivustohakumerkkijono () luodaan käyttämällä näitä tageja, ja projektistasi vaaditaan haku. Siksi niiden järjestelyn ja työn ymmärtäminen ei vahingoita sinua onnistuneesta suunnittelutyöstä ja jopa milloin itsensä edistäminen ja edistäminen ei ole tarpeetonta.

Olen siis perustellut näiden elementtien tutkimisen tarpeen, joten minusta ei pitäisi enää syntyä kysymyksiä, joten on aika siirtyä suoraan niiden mahdollisten vaihtoehtojen tutkimiseen.

Kyllä, haluan myös muistuttaa, että olemme jo käyneet läpi paljon materiaalia hypertekstin merkintäkielestä, esimerkiksi kolme ) ja .

Lomakkeet koostuvat pohjimmiltaan elementeistä, joiden luomista varten pääsäiliön sisällä olevista Form-tageista lisätään erilaisia ​​tunnisteita - Checked, Value, Checkbox, Radio, Checkbox, Submit jne. Meidän täytyy vain sijoittaa sen koodi mihin tahansa sopivaan paikkaan. paikka sivustomalliin , mikä osoittaa tunnisteiden ja niiden attribuuttien avulla, miltä sen pitäisi näyttää.

Tämä voi olla tekstikenttä, jossa on painike syötetyn kyselyn lähettämistä varten, valinnat valintanapeilla (jossa voit jättää vain yhden tarjotuista painikkeista painettuna), useita tekstikenttiä lähetyspainikkeella () ja paljon muuta.

Esimerkiksi "haku" -attribuutin avulla voit määrittää, mitä kyselyn syöttökentän vieressä olevaan painikkeeseen tarkalleen kirjoitetaan. Lomakkeisiin syötettyjä tietoja on edelleen käsiteltävä jollakin tavalla.

Esimerkiksi siinä tapauksessa palautetta käyttäjällä on oikeus toivoa, että lomakkeen tiedot lähetetään kenttään nimellään, syötettyään sähköpostiosoitteensa ja viestin tekstin sekä napsautettuaan lähetä-painiketta. -sivuston kirjoittajan sähköposti. Mutta valitettavasti tätä ei ole mahdollista toteuttaa käyttämällä vain yhtä hypertekstikuvauskieltä ().

Näitä tarkoituksia varten tarvitset erikoisohjelma Käsittelijä, joka, kun käyttäjä klikkaa Lähetä-painiketta, ottaa kaikki tiedot palautekentistä ja lähettää ne sähköpostitse resurssin omistajalle. Sinun on määritettävä mikä ohjelma tekee tämän itse käyttämällä Action-attribuuttia.

Yleensä käsittelyohjelma on skripti, joka on kirjoitettu sisään PHP kieli. Siksi sisään Toiminto-attribuutti Lomaketunnisteessa sinun on määritettävä polku tämän skriptin tiedostoon, joka sijaitsee isännöintipalvelimellasi. Annan sinulle esimerkin tilauksesta RSS-syöte blogini sähköpostitse:

" name="title">

Se saattaa tuntua aluksi hieman epäselvältä, mutta uskon, että kaikki selkenee tarinan edetessä.

Lomake- ja syöttötunnisteet painikkeiden, valintaruutujen ja valintanappien luomiseen

Kaikki lomakkeet on suljettava avaus- ja sulkemistunnisteisiin Lomake. Tämä on eräänlainen säiliö heidän luomiselle. Tällä tunnisteella on useita pakollisia ja valinnaisia ​​määritteitä:

1. Nimi – yksilöllinen nimi, joka on määritettävä, jos HTML-tiedosto, jossa teet jotain, käyttää useita verkkolomakkeita
2. Action – pakollinen attribuutti, joka osoittaa polun komentosarjaan, johon sen tiedot siirretään jatkokäsittelyä varten
3. Method – sen avulla voit muuttaa tapaa, jolla tiedot siirretään tästä verkkolomakkeesta käsittelijän tiedostoskriptiin. Jos et määritä sitä, niin oletusarvoisesti käytetään Get-menetelmää, joka on itse asiassa tarkoitettu pääasiassa muuttujille ja lyhytsanoille sekä myös tiedon avoimeen välittämiseen selaimen osoitepalkin kautta. Lomaketietojen siirtämiseksi käsittelijän komentosarjaan on silti parempi käyttää POST-menetelmä, suunniteltu erityisesti tekstiviestien lähettämiseen yksityisellä tavalla

Katsotaanpa jäljellä olevia tunnisteita, joiden avulla voit luoda erilaisia ​​verkkolomakkeita. Monipuolisin on Syöte. Sen sisään on kirjoitettava Type-attribuutti, joka määrittää, mikä tällä tunnisteella luotu HTML-lomake tarkalleen tulee olemaan.

Syöte ja tyyppi avulla voit luoda seuraavat elementit:

1. yksiriviset tekstikentät (Type="Text")
2. kentät salasanan syöttämistä varten (Type="Password")
3. valintaruudut (Type="Checkbox")
4. valintanapit (Type="Radio")
5. piilotetut kentät (Type="Hidden")
6. tavalliset painikkeet (Type="Button")
7. painikkeet tietojen lähettämiseksi käsittelijälle (Type="Lähetä")
8. painikkeet verkkolomakkeen palauttamiseksi alkuperäiseen tilaan (Type="Reset")
9. kentät tiedostojen lataamiseksi palvelimelle (Type="File)
10. painikkeet kuvalla (Type="Image")

Syötteellä ei ole lopputunnistetta. Se, miltä sillä luotu verkkolomake tarkalleen näyttää, riippuu täysin Type-attribuutissa määritetystä parametrista. Jos Tyyppiä ei ole määritetty, tekstikenttä luodaan oletuksena.

Esimerkkejä syötteellä luoduista lomakkeista, joissa Tyyppi on eri arvoilla

Muut Input tag -attribuutit ja esimerkkejä niiden käytöstä

Katsotaanpa, mihin muita määritteitä tarvitaan:

1. Nimi – jos tiedot on lähetettävä käsittelijän ohjelman komentosarjaan, sinun on määritettävä Name-attribuutille parametri. Tällä nimellä lomakkeesta lähetetyt tiedot näkyvät tietojenkäsittelyohjelmassa.
2. Koko – tätä käytetään määrittämään luotavan verkkolomakkeen kentän koko. Arvo ilmaistaan ​​tähän kenttään mahtuvien merkkien lukumääränä. Jos kokoa ei ole määritetty, leveys on oletuksena 24 merkkiä
3. Maxlength - oletusarvoisesti HTML-lomakkeeseen kirjoitettavien merkkien määrää ei ole rajoitettu, mutta Maxlengthillä voit asettaa tämän rajoituksen. Et voi syöttää enempää merkkejä kuin kentässä on ilmoitettu.
4. Arvo - sen avulla voit määrittää, mitä tarkalleen kirjoitetaan oletuksena kenttään tai tietojen lähetyspainikkeeseen
5. Valittu on lippuattribuutti, joka voidaan lisätä Input for radio buttons tai -valintaruutuihin. Tässä tapauksessa tämä valintanappi tai valintaruutu on aktiivinen, kun verkkolomaketta sisältävä sivu ladataan (niissä on jo valintamerkki)

Katsotaan nyt kaikkea esimerkkejä lomakkeista syötteellä. Tekstikentän ulkoasu on samanlainen kuin salasanan syöttökentän ulkonäkö, joten harkitaan vain tekstin luomista esimerkiksi sähköpostiosoitteen kirjoittamista varten:

Syötä sähköpostiosoitteesi:

Katsotaanpa nyt verkkolomakkeen luomista valintanapeilla (Radio):

Pidätkö KtoNanNovenkogo.ru-resurssista?

Joo?
Ei?

Huomaa, että tämä lomake käyttää Input-tunnistetta kahdesti, kerran kummankin valintanapin luomiseen. Lisäksi jokainen niistä sisältää Name-attribuutin, jolla on sama arvo (resultat), ja Arvo-arvo on erilainen (YES ja NO).

Tämä tarkoittaa sitä, että kun sitä käsitellään, jos jokin kytkimistä valitaan, lähetetään muuttuja, jonka nimi kirjoitetaan nimellä Name, mutta tämän muuttujan arvo riippuu valitusta kytkimestä.

Katsotaanpa esimerkkiä verkkolomakkeen luomisesta valintaruuduilla:

Mistä sivuston koneista pidät?

WordPress
Joomla
SMF

Valintaruudut eroavat valintanapeista siten, että voit valita useita vaihtoehtoja kerralla. Nimeä käytetään käsittelijätiedostossa määrittämään, mihin valintaruutuun valintaruudut asetetaan, ja Arvo määrittää arvon, joka lähetetään käsittelijälle (jos Arvoa ei ole määritetty, tämän valintaruudun vieressä oleva teksti lähetetään käsittelijälle ).

Select, Option, Textarea, Label, Fieldset, Legend - avattavat luettelot, tekstialueet ja muut verkkolomakkeen elementit

Aluksi haluaisin muistuttaa hieman siitä, mitä verkkolomakkeet oikeastaan ​​ovat ja miksi niitä tarvitaan verkkosivustojen sivuille. Ne on ensisijaisesti suunniteltu kopioimaan mistä tahansa käyttöjärjestelmästä löytyviä elementtejä käyttäjäystävällisessä muodossa: painikkeet, tekstinsyöttökentät, avattavat luettelot, valintaruudut, kytkimet ja vastaavat.

Kaikki käyttäjät ilman lisäselityksiä ymmärtävät näiden elementtien tarkoituksen ja jos he näkevät HTML-lomakepainikkeen, he ymmärtävät, että heidän on napsautettava sitä.

Lisäksi kaikki sen osaelementit (kuten Select, Option, Textarea, Label, Fieldset, Legend) ovat jo valmiita aihioita (säilöjä), joiden lisäämiseksi sinun tarvitsee vain käyttää haluttua tunnistetta tarvittavin attribuuteineen ja parametreineen.

Selaimet osaavat itse näyttää tämän tai toisen verkkolomakkeen elementin. Totta, saman elementin näyttövaihtoehdot eri selaimissa voivat erota hieman toisistaan, mutta pääsääntöisesti ei merkittävästi.

Että. käy ilmi, että HTML-muotoiset verkkolomakkeet ovat yritys siirtää avainta missä tahansa käyttöjärjestelmässä käytettyjä elementtejä, verkkosivuston sivuille. Mutta miksi niitä saatetaan tarvita sivuston sivuilla?

Periaatteessa samaan tarkoitukseen kuin käyttöjärjestelmissä käytetään vastaavia elementtejä - tiedon siirtäminen käyttäjältä. Lomakkeiden tapauksessa tiedot käyttäjältä siirretään palvelimelle, jossa ne käsitellään erikoisohjelmalla (hypertekstin merkintäkieli ei valitettavasti salli tietojen käsittelyä).

Tietoja voidaan kuitenkin lähettää paitsi palvelimelle, myös esimerkiksi sähköpostitse Form-tunnisteen Action-attribuutissa määritettyyn osoitteeseen. Lähettäessäsi tietoja HTML:stä sähköpostiin, kenttiä täyttävä käyttäjä käynnistää lähetä tiedot -painikkeen painamisen jälkeen tietokoneellaan olevan oletuspostiohjelman.

Avaavan lomaketunnisteen pitäisi tässä tapauksessa näyttää suunnilleen tältä:

Valitse ja Optio - pudotusluettelon tagit

Kaikki verkkolomakkeen elementit, jotka luovat pudotusluettelokenttiä, muodostetaan samalla tavalla. Ensin yhdistelmälaatikon säilö asetetaan käyttämällä avaavaa ja sulkevaa Html Select -tunnistetta. Ja sitten tämän säilön sisällä luodaan erilliset säilöt tämän luettelon kohteista (elementeistä). Tämä tehdään käyttämällä avaus- ja sulkemisoptiotunnisteita.

Siitä tulee jotain tällaista:

Mutta tämä on yksinkertaistettu suunnittelu, koska Selectillä ja Optiolla on useita määritteitä, jotka määrittelevät luodun avattavan luettelokentän ominaisuudet ja ulkoasun.

1. Nimi – Sinun on määritettävä yksilöllinen nimi tälle Select-toiminnolla luodulle verkkolomakeelementille. Tämä nimi välitetään palvelimelle tietojenkäsittelyohjelmalle muuttujan nimeksi. Tämän muuttujan arvo on käyttäjän valitseman avattavan luettelon kohteen Value-attribuutin arvo (joka on asetettu kullekin kohteelle Optio-kohdassa).
2. Koko—voit käyttää sitä näytettävien kohteiden määrän määrittämiseen. Toisin sanoen Size-komennolla voit asettaa luettelon korkeuden, mitattuna näytettyjen rivien määränä. Jos et nimenomaisesti määritä koko-arvoa Select-tunnisteessa, käytetään avattavan luettelon oletuskorkeutta, ja se on erilainen, jos Select-attribuutti puuttuu tai on Select-attribuutissa:
   1. Jos Select-kohdassa on Useita, verkkolomakkeen avattavan luettelon korkeus on oletusarvoisesti sama kuin sen elementtien lukumäärä. Nuo. Kaikki usean valinnan pudotusluettelon kohteet tulevat näkyviin. Katso esimerkki monikkomuodosta alla. Jos Valitse-kohdan Koko-attribuutti on asetettu pienemmäksi kuin kohteiden määrä, oikealle tulee näkyviin vierityspalkki.
   2. Jos Useita ei ole Select-kohdassa, verkkolomakkeen avattavan luettelon korkeus on oletuksena yksi rivi. Nuo. Vain yksi rivi on näkyvissä, ja loput kohteet ovat käytettävissä vain painamalla hissipainiketta (oikealla). Katso esimerkki alla
3. Useita - määrittämällä tämän attribuutin Select-tunnisteeseen, voit luoda avattavan luettelon, jossa voit valita useita kohteita samanaikaisesti. Lue lisää tästä ominaisuudesta alta.

Lomakkeet, joissa on avattavat luettelot, voidaan jakaa kahteen vaihtoehtoon. Ensimmäisessä vaihtoehdossa voit valita vain yhden kentän elementin (rivin) avattavalla luettelolla. Toisessa vaihtoehdossa voit valita useita käytettävissä olevia kohteita samanaikaisesti pitämällä Ctrl- tai Shift-näppäintä painettuna.

Tässä tapauksessa toisessa vaihtoehdossa tiedot kaikista valituista kohteista lähetetään palvelimelle. Luotava avattava luettelo määräytyy Select-tunnisteen Multiple-attribuutin läsnäolon tai puuttumisen perusteella.

Useita määritetään kohdassa Select ilman parametria, koska Se on yksinkertaisesti kirjoitettu Multiple ja se on siinä. Jos se on olemassa, luodaan pudotusluettelon verkkolomake, jossa voidaan tehdä useita valintoja (pitämällä Ctrl- tai Shift-näppäintä painettuna).

Kentän muunnelma, jossa on avattava luettelo monivalinta mahdollista, näyttää suunnilleen tältä:

Oikealla on esimerkki usean valinnan avattavasta verkkolomakkeesta, joka perustuu yllä olevaan koodiin. Kuten näet, pitämällä Ctrl- tai Shift-näppäintä painettuna voit valita useita kohteita samanaikaisesti.

Jos Select-tunnisteessa ei ole Multiple-attribuuttia, vain yksi elementti tästä avattavasta luettelosta (rivistä) voidaan valita.

Esimerkki, jossa voit valita vain yhden kohteen, on tässä:

Tunniste Valitse SELECTED site Legend

Vaihtoehtotunnisteen attribuutit

Luotuun avattavaan luetteloon (käyttäen Valitse ja Optio) voit lisätä jotain erottimia ryhmäotsikoineen, jotka eroavat muista valikon kohdista kirjasintyyliltään.

Luodaksesi ryhmän alasvetoluettelon kohteista, sinun on suljettava ne Optgroup-lomakkeen avaus- ja sulkemistunnisteisiin ja lisättävä avaavaan Optgroup-tunnisteeseen Label-attribuutti, jonka parametriksi sinun on syötettävä haluamasi ryhmän nimi.

Esimerkiksi näin:

Label Valitse
Valitun verkkosivuston legenda

Textarea - tekstikentän luominen lomakkeeseen

Verkkolomakkeissa on vielä yksi elementti, jota emme ole huomioineet - Textarea (kenttä, jossa voi kirjoittaa monirivistä tekstiä). Se luodaan pariksi liitetyn HTML-tunnisteen Textarea avulla. Lisäksi voit rivittää siinä olevan tekstin uudelle riville ja se välitetään palvelimelle tehdyt käännökset huomioiden.

Joten monirivisen tekstikentän luomiseksi sinun on määritettävä aloitus- ja sulkemistekstialue, ja niiden väliin voit lisätä tekstiä, joka tulee näkyviin, kun verkkolomaketta sisältävä sivu ladataan. Käyttäjä voi sitten poistaa tämän tekstin ja kirjoittaa oman.

Mitä voit kertoa meille itsestäsi?

Seuraavia määritteitä voidaan käyttää Textarean kanssa:

1. Nimi – määrität tälle verkkolomakeelementille nimen. Se siirretään palvelimelle tietojenkäsittelyohjelmaan
2. Cols - voit käyttää sitä määrittämään luodun monirivisen kentän leveyden merkeissä.
3. Rivit — määritä luotavan monirivisen kentän korkeus (riveinä). Jos käyttäjän kirjoittamassa tekstissä on enemmän rivejä kuin monirivisen tekstikentän korkeus, verkkolomakkeen kentän oikealle puolelle ilmestyy vierityspalkki.
4. Vain luku – estää käyttäjiä muuttamasta tai lisäämästä tekstiään tähän kenttään (vain luku).
5. Pois käytöstä - käyttäjä, kuten Readonly-attribuutin tapauksessa, ei voi muuttaa verkkolomakkeen tekstikentän sisältöä, mutta se muuttaa värinsä harmaaksi, mikä osoittaa, että se ei ole aktiivinen.

Tunniste – mitä varten tämä lomakkeen HTML-tunniste on tarkoitettu?

Html Label -tunnisteen avulla voit toteuttaa yhden erittäin mielenkiintoisen ominaisuuden käyttöjärjestelmissä saatavilla oleviin lomakkeisiin. Siellä, jos muistat, elementin aktivoimiseksi sinun ei tarvitse napsauttaa sitä, voit napsauttaa tämän elementin nimeä - se aktivoituu silti.

Tätä ei tapahdu oletusarvoisesti verkkolomakkeissa - sinun on napsautettava itse lomakkeen Html-elementtiä aktivoidaksesi sen. Sinun on esimerkiksi napsautettava valintaruutua, jotta voit merkitä siihen rastin. Lipun vieressä olevan tekstin napsauttaminen ei tuota tuloksia. Kokeile itse:

Label
Valitse
Valittu

Kuten näet, tekstin napsauttaminen tämän elementin aktivoimiseksi on hyödytöntä - sinun on napsautettava sitä itse. Juuri tämä on tilanne, jota Label-tunniste on suunniteltu korjaamaan. Sen avulla voit tehdä verkkolomakkeen elementin vieressä olevasta tekstistä napsautettavan, mikä on epäilemättä parantaa käytettävyyttä.

Mutta kuinka yhdistää HTML-lomakeelementti ja teksti? Tätä varten sinun on lisättävä attribuutille tunnus, jossa on yksilöllinen parametri, ja tekstin ympärillä on oltava avaus- ja sulkemistunnisteet. Eikä siinä vielä kaikki. Avaavaan Label-tunnisteeseen tulee sisällyttää For-attribuutti, jonka parametrin on oltava täsmälleen sama kuin lomakeelementin HTML-tunnisteen ID-attribuutin. Siitä tulee jotain tällaista:

Kuten näet, nyt Labelin käytön ansiosta verkkolomakkeen elementit voidaan aktivoida paitsi napsauttamalla sitä itse, myös napsauttamalla sen vieressä olevaa tekstiä.

Fieldset ja Legend - muodon hajottaminen osiin

Olet luultavasti usein nähnyt, että HTML:n suuret lomakkeet on jaettu ryhmiin (Fieldset), joita ympäröi kehys ja jokaisella tällaisella ryhmällä on oma otsikkonsa (Legend). Tämä toteutetaan käyttämällä vain kahta tunnistetta: Fieldset ja Legend. Ne on paritettu, ts. Niissä on oltava avaus- ja sulkemiskohta.

Joten, jotta voit luoda komponenttiosien ryhmän, sinun on suljettava kaikki nämä osat aloittaviin ja sulkeviin Fieldset-tunnisteisiin. Ja asettaaksesi tälle ryhmälle otsikon (Legend), sinun on heti aloitettavan Fieldsetin jälkeen kirjoitettava avaus- ja sulkemislegenda, joiden väliin on lisättävä ryhmän otsikon teksti.

Tässä on esimerkki ryhmien luomisesta Fieldsetin ja Legendin avulla:

Onnea sinulle! Nähdään pian blogisivuston sivuilla

Voit katsoa lisää videoita siirtymällä osoitteeseen

");">

Saatat olla kiinnostunut

Valitse, Optio, Textarea, Label, Fieldset, Legend - Html-tunnisteet avattavien luetteloiden ja tekstikenttien muotoon
Luettelot HTML-koodilla - UL-, OL-, LI- ja DL-tunnisteet
MailTo - mikä se on ja kuinka luoda linkki HTML-muodossa sähköpostin lähettämistä varten
Kuinka värit asetetaan HTML- ja CSS-koodissa, RGB-sävyjen valinta taulukoissa, Yandex-lähtö ja muut ohjelmat

HTML-lomakkeet ovat säätimiä, joita käytetään keräämään tietoja verkkosivuston vierailijoilta.

Verkkolomakkeet koostuvat joukosta tekstikenttiä, painikkeita, luetteloita ja muita ohjaimia, jotka aktivoidaan hiiren napsautuksella. Teknisesti lomakkeet välittävät tietoja käyttäjältä etäpalvelimelle.

Lomaketietojen vastaanottamiseen ja käsittelyyn web-ohjelmointikieliä, kuten PHP, Perl.

Ennen HTML5:n tuloa verkkolomakkeet koostuivat useista elementeistä , päättyy nappiin . Lomakkeiden muotoileminen eri selaimissa vaati paljon vaivaa. Lisäksi lomakkeet vaativat JavaScriptin syötteen vahvistamiseen, ja niistä puuttui erityisiä syöttökenttätyyppejä päivittäisten tietojen, kuten päivämäärien, sähköpostiosoitteiden ja URL-osoitteiden, määrittämiseen.

HTML5 lomakkeet ratkaisi useimmat näistä yleisistä ongelmista uusien attribuuttien avulla tarjoten mahdollisuuden muuttaa lomakeelementtien ulkoasua CSS3.

Riisi. 1. Parannetut verkkolomakkeet HTML5:llä

HTML5-lomakkeen luominen

1. Elementti

Minkä tahansa muodon perusta on elementti .... Se ei vaadi syöttöä, koska se on kontti, joka pitää kaikki lomakeohjaimet yhdessä - kentät. Tämän elementin attribuutit sisältävät tietoja, jotka ovat yhteisiä kaikille lomakekentille, joten loogisesti yhdistetyt kentät on sisällytettävä yhteen lomakkeeseen.

Taulukko 1. Tunnisteen attribuutit

Attribuutti	Merkitys/kuvaus
hyväksy-merkkisetti	Attribuutin arvo on välilyönnillä erotettu luettelo merkkikoodauksista, jota käytetään lomakkeen lähettämiseen esim. .
toiminta	Pakollinen attribuutti, joka määrittää sen palvelimen lomakkeenkäsittelijän URL-osoitteen, johon tiedot lähetetään. Se on tiedosto (esimerkiksi action.php), joka kuvaa mitä lomaketiedoilla on tehtävä. Jos määritteen arvoa ei ole määritetty, sivun uudelleenlatauksen jälkeen lomakeelementit saavat oletusarvonsa. Jos kaikki työ tehdään asiakaspuolella JavaScript-skripteillä, voit määrittää arvon # action-attribuutille. Voit myös sopia, että vierailijan täyttämä lomake lähetetään sinulle sähköpostitse. Tätä varten sinun on tehtävä seuraava merkintä:
automaattinen täydennys
enctype	Käytetään osoittamaan MIME-lomakkeen mukana lähetettävät tiedot, esimerkiksi enctype="multipart/form-data" . Määritetty vain metodi="post" tapauksessa. application/x-www-form-urlencoded on oletussisältötyyppi, mikä osoittaa, että välitetyt tiedot edustavat URL-koodattujen lomakemuuttujien luetteloa. Välilyönnit (ASCII 32) koodataan muodossa + ja erikoismerkki, kuten ! koodataan heksadesimaalimuodossa %21 . multipart/form-data - käytetään tiedostoja, ei-ASCII-tietoja ja binääritietoja sisältävien lomakkeiden lähettämiseen, koostuu useista osista, joista jokainen edustaa erillisen lomakeelementin sisältöä. text/plain - osoittaa, että pelkkää (ei html) tekstiä lähetetään.
menetelmä	Määrittää, kuinka lomaketiedot lähetetään. Get-menetelmä välittää tiedot palvelimelle selaimen osoitepalkin kautta. Kun luodaan pyyntö palvelimelle, kaikki muuttujat ja niiden arvot muodostavat sekvenssin, kuten www.anysite.ru/form.php?var1=1&var2=2 . Lisätäänkö muuttujien nimet ja arvot palvelimen osoitteeseen merkin jälkeen? ja ne erotetaan &-merkillä. Kaikki erikoismerkit ja ei-latinalaiset kirjaimet on koodattu muodossa %nn, välilyönti korvataan merkillä +. Tätä menetelmää tulee käyttää, jos et siirrä suuria tietomääriä. Jos sinun on lähetettävä tiedosto lomakkeen mukana, tämä menetelmä ei toimi. Postitusmenetelmää käytetään suurten tietomäärien sekä luottamuksellisten tietojen ja salasanojen lähettämiseen. Tällä menetelmällä lähetetyt tiedot eivät näy URL-otsikossa, koska ne sisältyvät viestin runkoon.
nimi	Sarjat lomakkeen nimi, jota käytetään lomakeelementtien käyttämiseen komentosarjojen avulla, kuten name="opros" .
novalidoida	Poistaa vahvistuksen käytöstä lomakkeen lähetyspainikkeessa. Attribuuttia käytetään määrittämättä arvoa
kohde	Määrittää ikkunan, johon tiedot lähetetään: _blank - uusi ikkuna _self - sama kehys _parent — yläkehys (jos se on olemassa, jos ei, niin nykyiseen) _top on ylimmän tason ikkuna suhteessa tähän kehykseen. Jos puhelu ei tule lapsikehyksestä, niin samaan kehykseen.

2. Lomakeelementtien ryhmittely

Elementti

...

suunniteltu ryhmittelemään toisiinsa liittyviä elementtejä ja siten jakamaan muodon loogisiksi fragmenteiksi.

Jokainen elementtiryhmä voidaan nimetä elementin avulla

, joka tulee heti tagin jälkeen

. Ryhmän nimi näkyy vasemmassa yläreunassa

. Esimerkiksi jos elementissä

Yhteystiedot tallennetaan:

Yhteystiedot

Nimi *

Sähköposti

Riisi. 2. Lomakeelementtien ryhmittely käyttämällä

Taulukko 2. Tunnisteen attribuutit

Attribuutti	Merkitys/kuvaus
liikuntarajoitteinen	Jos attribuutti on olemassa, ryhmä toisiinsa liittyviä lomakeelementtejä, jotka sijaitsevat säilön sisällä , estetty täyttöä ja muokkaamista varten. Käytetään pääsyn rajoittamiseen tiettyihin lomakekenttiin, jotka sisältävät aiemmin syötettyjä tietoja. Attribuuttia käytetään määrittämättä arvoa - .
muodossa	samassa asiakirjassa. Osoittaa yhden tai useamman muodon, johon tämä elementtiryhmä kuuluu. Mikään selain ei tue määritettä tällä hetkellä.
nimi	Määrittää Nimi, jota käytetään viittaamaan elementteihin JavaScriptissä tai viittaamaan lomaketietoihin sen jälkeen, kun lomake on täytetty ja lähetetty. Se on analoginen id-attribuutin kanssa.

3. Luo lomakekenttiä

Elementti luo useimmat lomakekentät. Elementin attribuutit vaihtelevat sen mukaan, minkä tyyppistä kenttää elementtiä käytetään luomaan.

CSS-tyyleillä voit muuttaa fontin kokoa, kirjasintyyppiä, väriä ja muita tekstin ominaisuuksia sekä lisätä reunuksia, taustaväriä ja taustakuvaa. Kentän leveys määritetään leveysominaisuuden avulla.

Taulukko 3. Tunnisteen attribuutit

Attribuutti	Merkitys/kuvaus
hyväksyä	Määrittää palvelimelle lähetettävän tiedoston tyypin. Tarkoitettu vain . Mahdolliset arvot: file_extension - sallii tiedostojen lataamisen määritetyllä tunnisteella, esimerkiksi accept=".gif" , accept=".pdf" , accept=".doc" audio/* - mahdollistaa äänitiedostojen lataamisen video/* - mahdollistaa videotiedostojen lataamisen image/* - mahdollistaa kuvien lataamisen media_tyyppi - ilmaisee ladattujen tiedostojen mediatyypin.
alt	Määrittää vaihtoehtoinen teksti kuville, tarkoitettu vain .
automaattinen täydennys	Vastaa tekstikenttään syötettyjen arvojen muistamisesta ja niiden automaattisesta korvaamisesta seuraavan kerran kun kirjoitat ne: päällä - tarkoittaa, että kenttää ei ole suojattu ja sen arvo voidaan tallentaa ja hakea, off - poistaa lomakekenttien automaattisen täytön käytöstä.
automaattitarkennus	Voit varmistaa, että latauslomakkeessa yksi tai toinen syöttökenttä on jo fokusoitu (on valittu), valmiina syöttämään arvo.
tarkistettu	Attribuutti tarkistaa, onko oletusvalintaruutu valittuna sivun latauksen yhteydessä kentille, kuten type="checkbox" ja type="radio" .
liikuntarajoitteinen
muodossa	Attribuutin arvon on oltava yhtä suuri kuin elementin id-attribuutti samassa asiakirjassa. Tunnistaa yhden tai useamman lomakkeen, johon tämä lomakekenttä kuuluu.
muodostumista	Määrittää tiedoston URL-osoitteen, joka käsittelee lomakkeen lähetyksen yhteydessä kenttiin syötetyt tiedot. Aseta vain type="submit"- ja type="image"-kentille. Attribuutti ohittaa itse lomakkeen action-attribuutin arvon.
formenctyyppi	Määrittää, kuinka lomakekentän tiedot koodataan, kun ne lähetetään palvelimelle. Ohittaa lomakkeen enctype-attribuutin arvon. Aseta vain type="submit"- ja type="image"-kentille. Vaihtoehdot: Application/-x-www-form-urlencoded on oletusarvo. Kaikki merkit koodataan ennen lähettämistä (välilyönnit korvataan +-merkillä, erikoismerkit muunnetaan ASCII HEX -arvoiksi) multipart/form-data - merkkejä ei ole koodattu text/plain - välilyönnit korvataan +-symbolilla, eikä erikoismerkkejä ole koodattu.
muotomenetelmä	Attribuutti määrittää menetelmän, jolla selain lähettää lomaketiedot palvelimelle. Aseta vain type="submit"- ja type="image"-kentille. Ohittaa lomakkeen method-attribuutin arvon. Vaihtoehdot: get on oletusarvo. Lomakkeen tiedot (nimi/arvo-pari) lisätään URL-osoitteeseen ja lähetetään palvelimelle: URL?nimi=arvo&nimi=arvo lomakkeen jälkeiset tiedot lähetetään http-pyynnönä.
muotonovalidaatti	Määrittää, että lomakekentän tietoja ei pitäisi vahvistaa, kun lomake lähetetään. Ohittaa lomakkeen novalidate-attribuutin arvon. Voidaan käyttää määrittämättä attribuutin arvoa.
muotokohde	Määrittää, missä lomakkeen lähettämisen jälkeen saatu vastaus näytetään. Aseta vain type="submit"- ja type="image"-kentille. Ohittaa lomakkeen kohdeattribuutin arvon. _parent – ​​lataa vastauksen pääkehykseen _top – lataa vastauksen koko näytöllä kehyksen nimi – lataa vastauksen kehykseen, jolla on määritetty nimi.
korkeus	Attribuutin arvo sisältää pikselien määrän ilman mittayksikköä. Asettaa type="image"-tyypin lomakekentän korkeuden, esimerkiksi . On suositeltavaa asettaa sekä kentän korkeus että leveys samanaikaisesti.
lista	On viittaus elementtiin
max	Voit rajoittaa numeeristen tietojen sallitun syöttämisen enimmäisarvoon. Attribuutin arvo voi sisältää kokonaisluvun tai murtoluvun. On suositeltavaa käyttää tätä attribuuttia min-attribuutin kanssa. Toimii seuraavien kenttätyyppien kanssa: numero, alue, päivämäärä, päivämäärä-aika, päivämäärä-aika-paikallinen, kuukausi, aika ja viikko.
Maksimi pituus	Attribuutti määrittää kenttään kirjoitettavien merkkien enimmäismäärän. Oletusarvo on 524288 merkkiä.
min	Mahdollistaa sallitun numeerisen syötteen rajoittamisen minimiarvoon.
useita	Antaa käyttäjän syöttää useita attribuuttiarvoja pilkulla erotettuina. Koskee tiedostoja ja sähköpostiosoitteita. Määritetty ilman attribuutin arvoa.
nimi	Määrittää nimen, jota käytetään elementin käyttämiseen , esimerkiksi css-tyylisivuilla. Se on analoginen id-attribuutin kanssa.
kuvio	Voit määrittää käyttämällä tavallinen ilme niiden tietojen syntaksi, jotka on sallittava syöttää tiettyyn kenttään. Esimerkiksi pattern="(3)-(3)" - hakasulkeet asettavat hyväksyttävien merkkien alueen, tässä tapauksessa - kaikki pienet kirjaimet, luku suluissa osoittaa, että tarvitaan kolme pientä kirjainta, joita seuraa viiva, sitten kolme numeroa välillä 0-9.
paikanpitäjä	Sisältää tekstin, joka näkyy syöttökentässä ennen sen täyttämistä (useimmiten tämä on työkaluvihje).
Lue ainoastaan	Ei salli käyttäjän muuttaa lomakeelementtien arvoja. Tekstin valinta ja kopiointi on edelleen käytettävissä. Määritetty ilman attribuutin arvoa.
edellytetään	Näyttää viestin, joka ilmoittaa, että tämä kenttä on pakollinen. Jos käyttäjä yrittää lähettää lomakkeen syöttämättä vaadittua arvoa tähän kenttään, näytölle tulee varoitusviesti. Määritetty ilman attribuutin arvoa.
koko	Asettaa kentän näkyvän leveyden merkeissä. Oletusarvo on 20. Toimii seuraavien kenttätyyppien kanssa: teksti, haku, puh, url, sähköposti ja salasana.
src	Määrittää lomakkeen lähetyspainikkeena käytetyn kuvan URL-osoitteen. Ilmoitettu vain kentälle .
askel	Käytetään elementeille, jotka edellyttävät numeeristen arvojen syöttämistä, ilmaisee määrän, jolla arvoja kasvatetaan tai vähennetään alueen säätöprosessin (vaihe) aikana.
tyyppi	painike - luo painikkeen.
	valintaruutu - muuttaa syöttökentän valintaruuduksi, joka voidaan valita tai tyhjentää, esim. minulla on auto
	väri - Luo väripaletteja tukevissa selaimissa, jolloin käyttäjät voivat valita väriarvot heksadesimaalimuodossa.
	päivämäärä - voit syöttää päivämäärän muodossa pp.kk.vvvv. Syntymäpäivä:
	datetime-local – voit syöttää päivämäärän ja kellonajan isolla englanninkielisellä T-kirjaimella erotettuna kuvion dd.mm.yyyy hh:mm avulla. Syntymäpäivä - päivä ja aika:
	email – Tätä määritettä tukevat selaimet odottavat käyttäjän syöttävän tietoja, jotka vastaavat sähköpostiosoitteiden syntaksia. Sähköposti:
	tiedosto - voit ladata tiedostoja käyttäjän tietokoneelta. Valitse tiedosto:
	piilotettu - Piilottaa säätimen, jota selain ei näytä, ja estää käyttäjää muuttamasta oletusarvoja.
	kuva - luo painikkeen, jonka avulla voit lisätä painikkeeseen kuvan tekstin sijaan.
	kuukausi - Antaa käyttäjän syöttää vuoden ja kuukauden numeron vvvv-kk mallilla.
	numero - tarkoitettu kokonaislukuarvojen syöttämiseen. Sen min , max ja step -attribuutit määrittävät ylä- ja alarajat sekä arvojen välisen askeleen. Nämä attribuutit oletetaan kaikille elementeille, joilla on numeeriset indikaattorit. Niiden oletusarvot riippuvat elementin tyypistä. Ilmoita määrä (1-5):
	salasana - luo tekstikenttiä lomakkeeseen, kun taas käyttäjän syöttämät merkit korvataan tähdillä, luettelomerkeillä tai muilla selaimen asentamilla kuvakkeilla. Kirjoita salasana:
	radio - luo kytkimen - pienen ympyrän muodossa olevan säätimen, joka voidaan kytkeä päälle tai pois päältä. Kasvissyöjä:
	alue - antaa sinun luoda käyttöliittymäelementin, kuten liukusäätimen, min / max - antaa sinun asettaa valintaalueen
	nollaa - luo painikkeen, joka tyhjentää käyttäjän syöttämien tietojen lomakekentät.
	haku - tarkoittaa hakukenttää, oletusarvoisesti syöttökenttä on suorakaiteen muotoinen. Hae:
	Lähetä - luo vakiopainikkeen, joka aktivoidaan hiiren napsautuksella. Painike kerää tiedot lomakkeesta ja lähettää ne käsiteltäväksi.
	text - Luo tekstikenttiä lomakkeeseen ja tulostaa yksirivisen tekstikentän tekstinsyöttöä varten.
	aika – voit syöttää ajan 24 tunnin muodossa käyttäen tt:mm kuviota. Tuetuissa selaimissa se näkyy numeerisena syöttökentän ohjausobjektina, jossa on hiirellä muokattava arvo ja sallii vain aika-arvojen syöttämisen. Määritä aika:
	url — kenttä on tarkoitettu URL-osoitteiden määrittämiseen. Kotisivu:
	viikko - Vastaavan osoitintyökalun avulla käyttäjä voi valita yhden viikon vuodesta, jonka jälkeen se syöttää tiedot muodossa nn-yyyy. Vuodesta riippuen viikkoja voi olla 52 tai 53. Määritä viikko:
arvo	Määrittää tekstin, joka näkyy painikkeessa, kentässä tai siihen liittyvässä tekstissä. Ei määritetty tiedostotyypin kenttiin.
leveys	Attribuutin arvo sisältää pikselien määrän. Voit määrittää lomakekenttien leveyden.

4. Tekstinsyöttökentät

Elementti ... käytetään elementin sijaan kun sinun on luotava suuria tekstikenttiä. Alkuperäisenä arvona näkyvä teksti sijoitetaan tunnisteen sisään. Kentän mitat asetetaan käyttämällä attribuutteja sarakkeet - vaakasuuntaiset mitat, rivit - pystymitat. Kentän korkeus voidaan asettaa korkeusominaisuuden avulla. Kaikki koot lasketaan yhden merkin koon perusteella monospace-fontissa.

Taulukko 4. Tunnisteen attribuutit <tr><th>Attribuutti</th> <th>Merkitys/kuvaus</th> </tr><tr><td>automaattitarkennus</td> <td>Kohdistus haluttuun alkutekstikenttään automaattisesti.</td> </tr><tr><td>sarakkeet</td> <td>Asettaa leveyden merkkien lukumäärän mukaan. Jos käyttäjä kirjoittaa lisää tekstiä, näkyviin tulee vierityspalkki.</td> </tr><tr><td>liikuntarajoitteinen</td> <td>Poistaa käytöstä mahdollisuuden muokata ja kopioida kentän sisältöä.</td> </tr><tr><td>muodossa</td> <td>Attribuutin arvon on oltava yhtä suuri kuin elementin id-attribuutin arvo <form>samassa asiakirjassa. Tunnistaa yhden tai useamman lomakkeen, johon tämä tekstikenttä kuuluu.</td> </tr><tr><td>Maksimi pituus</td> <td>Attribuutin arvo määrittää kenttään kirjoitettavien merkkien enimmäismäärän.</td> </tr><tr><td>nimi</td> <td>Määrittää tekstikentän nimen.</td> </tr><tr><td>paikanpitäjä</td> <td>Määrittää lyhyen tekstikehotteen, joka kuvaa odotetun syöttöarvon.</td> </tr><tr><td>Lue ainoastaan</td> <td>Poistaa käytöstä mahdollisuuden muokata kentän sisältöä.</td> </tr><tr><td>edellytetään</td> <td>Näyttää viestin, joka ilmoittaa, että tämä kenttä on pakollinen.</td> </tr><tr><td>rivit</td> <td>Määrittää numeron, joka ilmaisee, kuinka monta riviä tekstialueella tulee näyttää.</td> </tr><tr><td>kääri</td> <td>Määrittää, tuleeko tekstin säilyttää rivinvaihdot lomaketta lähetettäessä. Kova arvo säilyttää kantavuuden, mutta pehmeä arvo ei. Jos kovaa käytetään, cols-attribuutin arvo on määritettävä.</td> </tr></table><h3>5. Pudotusvalikko</h3> <p>Listat mahdollistavat suuren määrän esineiden järjestämisen tiiviisti. Pudotusluettelot luodaan elementin avulla <select>...</select>. Niiden avulla voit valita yhden tai useamman arvon ehdotetusta joukosta. Oletusarvoisesti luetteloruudussa näkyy ensimmäinen elementti.</p> <p>Elementtejä käytetään kohteiden lisäämiseen luetteloon <option>...</option>, jotka sijaitsevat sisällä <select> .</p> <p>Listojen systematisoimiseksi käytä elementtiä <optgroup>...</optgroup>, joka luo otsikoita luetteloihin.</p> <p>Luetteloissa voit muuttaa fontin kokoa, kirjasintyyppiä, väriä ja muita tekstin ominaisuuksia sekä lisätä reunuksia, taustaväriä ja taustakuvaa.</p> <table class="t3">Taulukko 5. Tunnisteen attribuutit <select> <tr><th>Attribuutti</th> <th>Merkitys/kuvaus</th> </tr><tr><td>automaattitarkennus</td> <td>Asettaa automaattisen tarkennuksen elementtiin, kun sivu latautuu.</td> </tr><tr><td>liikuntarajoitteinen</td> <td>Poistaa avattavan luettelon käytöstä.</td> </tr><tr><td>muodossa</td> <td>Määrittää lomakkeen, johon tämä luettelo kuuluu. Attribuutin arvo on lomakkeen tunniste.</td> </tr><tr><td>useita</td> <td>Voit valita yhden tai useamman kohteen, kun valitset, paina ja pidä alhaalla Ctrl-näppäintä.</td> </tr><tr><td>nimi</td> <td>Määrittää avattavalle luettelolle nimen. Attribuutin arvo sisältää nimen, joka kuvastaa luettelon aihetta.</td> </tr><tr><td>edellytetään</td> <td>Näyttää viestin, joka ilmoittaa, että käyttäjän on valittava arvo avattavasta luettelosta ennen lomakkeen lähettämistä.</td> </tr><tr><td>koko</td> <td>Asettaa luettelon kohteiden määrän, jotka ovat samanaikaisesti näkyvissä näytöllä. Jos luettelokohteiden määrä ylittää asetetun määrän, näkyviin tulee vierityspalkki. Attribuutin arvo on määritetty positiivisena kokonaislukuna.</td> </tr></table><h3>6. Lomakekenttien tarrat</h3> <p>Lomakeelementtien tunnisteet luodaan elementillä <label>...</label>. On kaksi tapaa ryhmitellä tunnisteita ja kenttiä. Jos kenttä on elementin sisällä <label>, silloin for-attribuuttia ei tarvitse määrittää.</p><p> <!-- с указанием атрибута for --> <label for="comments">Milloin lensit viimeksi lentokoneessa?</label> <textarea id="comments">

Kissa

7. Painikkeet

Elementti ... luo klikattavia painikkeita. Toisin kuin luodut painikkeet ( , , , ), elementin sisällä voit sijoittaa sisältöä - tekstiä tai kuvaa.

Elementin näyttäminen oikein

Eri selaimien on määritettävä type-attribuutti, esim. .

Painikkeiden avulla käyttäjät voivat lähettää tietoja lomakkeeseen, tyhjentää lomakkeen sisällön tai tehdä jotain muuta. Voit luoda reunuksia, muuttaa taustaa ja tasata tekstiä painikkeelle.

Taulukko 9. Tunnisteen attribuutit

Attribuutti	Merkitys/kuvaus
automaattitarkennus	Asettaa kohdistuksen painikkeeseen, kun sivu latautuu.
liikuntarajoitteinen	Poistaa painikkeen käytöstä, jolloin sitä ei voi klikata.
muodossa	Osoittaa yhden tai useamman lomakkeen, johon tämä painike kuuluu. Attribuutin arvo on vastaavan lomakkeen tunniste.
muodostumista	Attribuuttiarvo sisältää lomaketietojen käsittelijän URL-osoitteen, joka lähetetään, kun painiketta napsautetaan. Vain painiketyypin type="submit" kohdalla. Ohittaa elementille määritetyn action-attribuutin arvon .
formenctyyppi	Asettaa lomaketietojen koodaustyypin ennen sen lähettämistä palvelimelle, kun painikkeita, kuten type="submit" napsautetaan. Ohittaa elementille määritetyn enctype-attribuutin arvon . Mahdolliset arvot: application/x-www-form-urlencoded on oletusarvo. Kaikki merkit koodataan ennen lähettämistä. multipart/form-data - merkkejä ei ole koodattu. Käytetään, kun tiedostot ladataan lomakkeella. text/plain - merkkejä ei koodata, ja välilyönnit korvataan +-symbolilla.
muotomenetelmä	Attribuutti määrittää menetelmän, jolla selain lähettää lomakkeen. Ohittaa elementille määritetyn method-attribuutin arvon . Määritetty vain painikkeille, joiden tyyppi on type="submit". Mahdolliset arvot: get - lomakkeen tiedot (nimi/arvo-pari) lisätään URL-osoitteeseen ja lähetetään palvelimelle. Tällä menetelmällä on rajoituksia lähetettävän tiedon kokoon, eikä se sovellu salasanojen ja luottamuksellisten tietojen lähettämiseen. post - lomakkeen tiedot lisätään http-pyyntönä. Menetelmä on luotettavampi ja turvallisempi kuin get, eikä sillä ole kokorajoituksia.
muotonovalidaatti	Attribuutti määrittää, että lomaketietoja ei tule vahvistaa lähetyksen yhteydessä. Määritetty vain painikkeille, joiden tyyppi on type="submit".
muotokohde	Attribuutti määrittää, missä ikkunassa tulos näkyy lomakkeen lähettämisen jälkeen. Määritetty vain painikkeille, joiden tyyppi on type="submit". Ohittaa elementille määritetyn kohdeattribuutin arvon . _blank - lataa vastauksen uuteen ikkunaan/välilehteen _self - lataa vastauksen samaan ikkunaan (oletus) _parent - lataa vastauksen pääkehykseen _top - lataa vastauksen koko näytön kokoisena kehyksen nimi - lataa vastauksen kehykseen, jolla on määritetty nimi.
nimi	Asettaa painikkeen nimen, määritteen arvo on teksti. Käytetään linkittämään lomaketietoihin lomakkeen lähettämisen jälkeen tai linkittämään tiettyihin painikkeisiin JavaScriptissä.
tyyppi	Määrittää painikkeen tyypin. Mahdolliset arvot: painike - napsautettava painike reset - nollauspainike, palauttaa alkuperäisen arvon lähetä - painike lomaketietojen lähettämiseen.
arvo	Asettaa oletusarvon, joka lähetetään, kun painiketta napsautetaan.

8. Lomakkeiden valintaruudut ja valintanapit

Lomakkeiden valintaruudut asetetaan konstruktilla , ja kytkin - käyttämällä .

Valintaruudut, toisin kuin valintanapit, voidaan asettaa useiksi yhdessä muodossa. Jos valittu attribuutti on määritetty valintaruuduille, sivun latautuessa vastaavien lomakekenttien valintaruudut ovat jo valittuina.

Elementti käytetään toteutettaessa valintaa radiopainikkeiden ja valintaruutujen avulla. Voit valita haluamasi kohteen napsauttamalla siihen liittyvää tekstiä. Tätä varten sinun on asetettava elementin sisällä .