Millaisia ​​lomakkeita on html:ssä. Lomakkeet HTML:ssä


HTML:n lomakkeet ovat monimutkaisimpia, mutta toisaalta ehkä kaikkein eniten mielenkiintoinen aihe HTML:ssä.

Verkkolomakkeiden avulla sivuston vierailijat voivat syöttää tiettyjä tietoja erityiskenttiin, ja kehittäjä saa ne hänelle sopivassa muodossa.

Esimerkki lomakkeesta olisi vieraskirja, kyselylomake, online testi. Lomakkeet täytetään rekisteröityessä verkkosivulle, tehtäessä tilauksia verkkokaupassa jne.

HTML:n avulla voit luoda lomakekehyksen: tekstikentät, valikot, luettelot, painikkeet, valintaruudut ja valintanapit. Eli ne elementit, joiden avulla tietyt tiedot syötetään lomakkeeseen.

Tämän jälkeen lomakkeelle syötetyt tiedot lähetetään palvelimelle käsittelyä varten. Mutta HTML on tässä voimaton - siihen liitetty ohjelma tai komentosarja käsittelee jo lomaketta. Tällaiset ohjelmat kirjoitetaan yleensä sisään php kieli tai javascriptiä.

Lomakkeen attribuutit - tag

Web-sivulla voi olla useita lomakkeita ( niin paljon kuin kehittäjä tarvitsee). Jokainen niistä alkaa tunnisteella ja päättyy sulkevaan tagiin .

Action-attribuutti on pakollinen kaikille lomakkeille - se määrittää lomaketta palvelevan tiedoston osoitteen ( käsittelee siihen syötettyjä tietoja).

Metod-attribuutti määrittää, kuinka lomakkeen sisältö lähetetään. On olemassa kaksi tapaa - GET ja POST. Nyt ei ole mitään järkeä kaivaa näihin parametreihin, koska aiheena on tietojen lähettäminen GET menetelmät ja POST viittaa tietojenkäsittelykieliin ( esimerkiksi PHP). Riittää, kun tietää, mikä siirtotapa tarkalleen on POST-tiedot useimmissa tapauksissa sitä käytetään muodoissa.

Tag name -attribuutti

on valinnainen. Mutta jos asiakirjassa on useita lomakkeita, käsittelijän on tunnistettava jokainen niistä jollakin tavalla. Siksi nimi-attribuutin läsnäolo tässä tapauksessa on välttämätöntä - se määrittää lomakkeen ainutlaatuisen nimen.

Voit myös asettaa syötetietojen koodauksen - attribuutti accept-charset vastaa tästä, ja myös käyttämällä kohdemäärite, määritä ikkuna, jossa lähetetyn lomakkeen käsittelyn tulos näytetään ( uudessa tai nykyisessä ikkunassa).

Mutta itse tagi ei ole mitään järkeä, koska lomake lähettää tietoja, jotka on ensin syötettävä jonnekin!

Tietojen syöttö. Lomakekentät - tag

Tag Tämä on yleisin lomakkeista löytyvä tunniste. Se on suunniteltu luomaan erilaisia ​​elementtejä, jota käytetään tietojen syöttämiseen lomakkeeseen: nämä ovat tekstikenttiä, painikkeita, valintaruutuja, valintanappeja.

type on tunnisteen tärkein attribuutti . Se asettaa kentän tyypin ( elementti) lomakkeet:

Attribuutin arvon tyyppi="..."

Tulos

Kuvaus

Yksirivinen tekstikenttä tekstin syöttämistä varten. Koko-attribuutti määrittää kentän leveyden merkeissä.

Tekstikenttä salasanan syöttämistä varten.
Maxlength-attribuuttijoukot enimmäismäärä merkit, jotka voidaan syöttää

1 2 3

Kytkin.
Voit valita vain yhden vaihtoehdon tarjotuista. Tarkistettu attribuutti määrittää esitarkistetun kentän.

1 2 3

Valintaruutu.
Valittavana on useita vaihtoehtoja. Attribuutti checked määrittää esitarkistetun kentän.

Painike.
Arvo-attribuutti määrittää painikkeen tunnisteen.

Reset-painike.
Palauttaa lomakekentät alkuperäiseen muotoonsa. Nollaa syötetyt tiedot.

Painike syötettyjen tietojen lähettämiseen.

Kenttä lähetettävän tiedoston nimen kirjoittamiseen.

Kuvapainike.
Sitä käytetään myös tietojen lähettämiseen palvelimelle. Attribuutti src määrittää kuvatiedoston osoitteen.

Piilotettu kenttä - käyttäjälle näkymätön.

Pudotusvalikko - Tunnisteet sama kuin tag palvelee tiedon keräämistä - se luo luettelon, josta voidaan valita yksi tai useampi elementti. Jokainen elementti vastaa arvoa, joka lähetetään palvelimelle käsittelyä varten.

Näytä luotava luettelo riippuu size-attribuutin arvosta: with size= "1" ( oletusarvo) luettelo avautuu.

Koko-attribuutin eri arvo vastaa näytettyjen luettelokohteiden määrää. Esimerkiksi size="3":lla näkyy kolme elementtiä. Voit tarkastella muita luettelon kohteita ( jos sellaisia ​​on) tulisi käyttää pystysuora raita vieritys, joka lisätään automaattisesti.

Oletuksena vain yksi luettelokohde voidaan valita. Useita määritteen lisääminen tunnisteeseen ja luo jokaisen luettelokohteen.

Tunnisteen nimi-attribuutin käyttäminen





7 maailman ihmettä!




Pääsuunta on yksi neljästä pääsuunnasta:

Luoteis Lounais Itä

7 maailman ihmettä!

Kheopsin pyramidi Babylonin riippuvat puutarhat Zeuksen patsas Olympiassa Artemiksen temppeli Efesoksen mausoleumi Halikarnassoksen Rodoksen kolossi Aleksandrian majakka

Monirivinen tekstikenttä - tag

Jos kentän sisältö ylittää sen koon, näkyviin tulee liukusäädin.

Esimerkki lomakkeen käytöstä

Katsotaan nyt kuinka lomake toimii.

Opetusvideon tilauslomake:


Nimesi: *



Tilauksesi:



Valitse media:


CD


DVD


USB Flash


Sähköpostisi: *



Osoitteesi: *





Lomakkeet on suunniteltu lähettämään tietoja käyttäjältä verkkopalvelimelle. HTML-lomakkeet voivat koostua tekstikentistä ja tekstialueista, valintaruuduista ja valintanapeista sekä avattavista luetteloista. Kaikki nämä ovat muodon elementtejä. Jokainen elementti välittää jonkin merkityksen sivustolle.
HTML-lomake on pohjimmiltaan web-sivu, jolla näet alueita tietojesi syöttämiseen. Kun olet täyttänyt lomakkeen ja napsauttanut Lähetä, lomakkeen tiedot pakataan ja lähetetään verkkopalvelimelle palvelinpuolen komentosarjan (käsittelijätiedoston) käsittelyä varten. Käsittelyn jälkeen toinen verkkosivu palautetaan sinulle vastauksena. Seuraava kuva osoittaa selvästi, kuinka lomake toimii:

HTML-lomakkeiden luomisessa ei ole mitään vaikeaa. Helpoin tapa saada käsitys lomakkeista on jäsentää hieman HTML-koodia ja katsoa sitten miten se toimii. Seuraava esimerkki näyttää syntaksin yksinkertaisen HTML-lomakkeen luomiseen:

Esimerkki: Yksinkertainen HTML-lomake

  • Kokeile itse »

Ensimmäinen muotoni:
Nimi:
Sukunimi:



Yksinkertainen muoto

Ensimmäinen muotoni:
Nimi:
Sukunimi:




Elementti

Lomakkeet lisätään web-sivuille elementin avulla . Se tarjoaa säilön kaikelle lomakesisällölle, mukaan lukien elementit, kuten tekstikentät ja painikkeet, sekä kaikki muut HTML-tunnisteet. Se ei kuitenkaan voi sisältää muuta elementtiä .
Lähettääksesi lomakkeen palvelimelle, käytä "Lähetä"-painiketta, sama tulos saadaan, jos painat "Enter"-näppäintä lomakkeen sisällä. Jos "Lähetä"-painiketta ei ole lomakkeessa, voidaan käyttää "Enter"-näppäintä.
Useimmat elementin attribuutit vaikuttaa lomakkeen käsittelyyn, ei sen suunnitteluun. Niistä yleisimmät ovat toimintaa Ja menetelmä. Attribuutti toimintaa sisältää URL-osoitteen, johon lomakkeen tiedot lähetetään palvelimen käsiteltäväksi. Attribuutti menetelmä on HTTP-menetelmä, jota selaimen on käytettävä lomaketietojen lähettämiseen.

Elementti

Lähes kaikki lomakekentät luodaan elementin avulla (englanninkielisestä syötteestä - input). Elementin ulkonäkö muuttua sen attribuutin arvon mukaan tyyppi:

Tässä on joitain määritteiden arvoja tyyppi:

Tekstin ja salasanan syöttäminen

Yksi yksinkertaisimmista lomakeelementtien tyypeistä on tekstikenttä, joka on suunniteltu tekstin syöttämiseen yhdelle riville. Tämä tekstinsyöttötyyppi on asetettu oletusarvoisesti, joten se on yksirivinen kenttä, joka näytetään, jos unohdat määrittää määritteen tyyppi. Jos haluat lisätä lomakkeeseen yksirivisen tekstinsyöttökentän, sinun tulee olla elementin sisällä rekisteröi attribuutti tyyppi tekstin arvolla:

Salasanan syöttökenttä on tavallisen tekstikentän tyyppi. Se tukee samoja määritteitä kuin yksirivinen tekstikenttä. Attribuutti nimi määrittää salasanan syöttökentän nimen, joka lähetetään palvelimelle yhdessä käyttäjän syöttämän salasanan kanssa. Salasanakentän luomiseksi sinun on asetettava salasana-attribuutti arvoon tyyppi(salasana (englanniksi) - salasana):

Esimerkki lomakkeen luomisesta salasanakentällä:

Esimerkki: Salasanakenttä

  • Kokeile itse »

Kirjautumistunnuksesi:

Salasana:




Kirjautumistunnuksesi:

Salasana:




Voit käyttää määritettä yhdessä tämän määritteen kanssa maxpituus, jonka arvo määrittää tiettyyn merkkijonoon syötettävien merkkien enimmäismäärän. Voit myös määrittää syöttökentän pituuden attribuutilla koko. Oletuksena useimmat selaimet rajoittavat tekstikentän leveyden 20 merkkiin. Voit hallita uusien lomakeelementtien leveyttä määritteen sijaan koko, suosittelemme CSS:n (Cascading Style Sheets) käyttöä.
Attribuutti arvo määrittää arvon, joka näytetään oletusarvoisesti tekstikentässä, kun lomake ladataan. Syöttämällä oletusarvon kenttään voit selittää käyttäjälle tarkalleen, mitä tietoja ja missä muodossa haluat käyttäjän syöttävän tähän. Tämä on kuin esimerkki, koska käyttäjän on paljon helpompaa täyttää lomake, kun hän näkee esimerkin edessään.

Kytkimet (radio)

Elementti tyyppi radio luo kytkimiä, jotka käyttävät loogista TAI-periaatetta, jolloin voit valita vain yhden useista arvoista: jos valitset yhden asennon, kaikki muut eivät ole aktiivisia. Toggle-elementin perussyntaksi on:

Attribuutti nimi kytkimille tarvitaan ja sillä on tärkeä rooli useiden kytkinelementtien yhdistämisessä ryhmään. Jos haluat yhdistää valintanapit ryhmään, sinun on asetettava sama määritteen arvo nimi ja eri attribuutin arvot arvo. Attribuutti arvo asettaa palvelimelle lähetettävän valitun valintanapin arvon. Kunkin valintanappielementin arvon on oltava yksilöllinen ryhmässä, jotta palvelin tietää, minkä vastausvaihtoehdon käyttäjä valitsi.
Attribuutin läsnäolo tarkistettu(englanniksi - asennettu) kytkinelementissä osoittaa, mitkä ehdotetuista vaihtoehdoista tulisi valita oletusarvoisesti sivua ladattaessa tarvittaessa. Tämä määrite voidaan asettaa vain yhdelle ryhmän valintanappielementille:

  • Kokeile itse »

Kuinka vanha olet?

  1. alle 18
  2. klo 18-24
  3. 25-35 välillä
  4. yli 35




Kuinka vanha olet?

  1. alle 18
  2. klo 18-24
  3. 25-35 välillä
  4. yli 35



valintaruudut

Elementti tyyppi valintaruutu luo valintaruutuja, jotka ovat samanlaisia ​​kuin valintanapit, koska ne antavat käyttäjälle mahdollisuuden valita tarjoamistasi vaihtoehdoista. Suurin ero valintanapeista on se, että vierailija voi valita useita vaihtoehtoja kerralla, ja itse liput on merkitty neliöillä ympyröiden sijaan. Kuten valintanappien kohdalla, valintaruutujen ryhmä luodaan määrittämällä jokaiselle kohteelle sama attribuuttiarvo nimi jokaisella valintaruudulla on kuitenkin oma merkityksensä. Valintaruudun perussyntaksi on:

Attribuutti tarkistettu, kuten valintanappien kohdalla, määrittää, että valintaruutu on oletuksena valittuna, kun sivu latautuu. Tämä attribuutti voidaan asettaa samanaikaisesti useille ryhmävalintaruuduille.
Seuraavassa esimerkissä valintaruutujen käytöstä on useita oletusvastausvaihtoehtoja:

Esimerkki: Radiopainikkeiden käyttäminen

  • Kokeile itse »
  1. Jazz
  2. Blues
  3. Rock
  4. Chanson
  5. Maa




Mistä musiikin genreistä pidät?

  1. Jazz
  2. Blues
  3. Rock
  4. Chanson
  5. Maa



Lähetys- ja palautuspainikkeet

Elementti tyyppi lähetä luo painikkeen, jota napsautettuna selain lähettää palvelinkomentosarjan käsittelemään käyttäjän lomakkeeseen syöttämät tiedot. Jos luomme painikkeen, joka tyhjentää lomakkeen, määritämme määritteen tyyppi"reset" arvo. elementti tyyppi lähetä valinnainen attribuutti voidaan määrittää nimi. Attribuutti arvo käytetään tässä elementissä määrittämään tekstiä, joka ilmaisee painikkeen etiketin. Oletuksena selaimen painikkeessa on teksti "Lähetä", jos et ole tyytyväinen tähän tekstiin, kirjoita se itse. Koska vahvistuspainikkeiden tyylit voivat vaihdella eri selaimissa, on parempi muokata painikkeen tyyli itse CSS-työkaluilla tai käyttää graafisia painikkeita.
Vahvistus- ja tyhjennyspainikkeiden luominen:

Esimerkki: Lähetä ja nollaa käyttö

  • Kokeile itse »

Nollaa-painikkeen napsauttaminen nollaa kaikki käyttäjän syöttämät tiedot.







Toiminnon attribuutti.

Pääelementille

on attribuutti toimintaa, joka määrittää lomakkeen tietojenkäsittelijän. Tiedonkäsittelijä on tiedosto, joka kuvaa mitä tehdä lomaketiedoilla. Tämän käsittelyn tuloksena on uusi HTML-sivu, joka palautetaan selaimeen. Toisin sanoen attribuutissa toimintaa määrittää URL-polun palvelimella olevaan käsittelijätiedostoon (jota joskus kutsutaan komentosarjasivuksi) lomakkeen käsittelyä varten. Syntaksi on seuraava:

…

Käsittelytiedosto sijaitsee palvelimella mytestserver.com kansiossa nimikansio ja tiedot käsittelevän palvelinkomentosarjan nimi - obrabotchik.php. Kaikki verkkosivulla olevaan lomakkeeseen syöttämäsi tiedot siirretään hänelle. .php-laajennus osoittaa, että määritetty lomake käsitellään PHP:llä kirjoitetulla komentosarjalla. Itse käsittelijä voi olla kirjoitettu toisella kielellä, esimerkiksi se voi olla komentosarjakieli Python, Ruby jne.
Attribuutin arvo on aina suositeltavaa asettaa toimintaa. Jos lomakkeen pitäisi välittää arvoja samalle sivulle, jossa se sijaitsee, anna action-attribuutin arvoksi tyhjä merkkijono: action="".

menetelmän attribuutti

Attribuutti menetelmä määrittää, kuinka tiedot tulee siirtää palvelimelle. Valitsemasi lomakkeen lähetystapa riippuu tiedoista, jotka haluat lähettää lomakkeella. Tietojen määrällä on tässä tärkeä rooli. Suosituimmat ovat kaksi tapaa siirtää lomakkeesi lähdetiedot selaimesta palvelimelle: SAADA Ja LÄHETTÄÄ. Menetelmä voidaan asettaa mihin tahansa valitsemasi, ja jos et määritä sitä, käytetään oletusmenetelmää SAADA. Harkitsemme jokaisen käyttöä.

POST-menetelmä

Menetelmä LÄHETTÄÄ paketit muodostavat tiedot ja lähettävät sen palvelimelle käyttäjän huomaamatta, koska tiedot sisältyvät viestin runkoon. Web-selain menetelmää käytettäessä LÄHETTÄÄ lähettää palvelimelle pyynnön, joka koostuu erityisistä otsikoista, joita seuraa lomaketiedot. Koska tämän pyynnön sisältö on vain palvelimen käytettävissä, menetelmä LÄHETTÄÄ käytetään luottamuksellisten tietojen, kuten salasanojen, pankkikorttitietojen ja muiden käyttäjien henkilötietojen välittämiseen. Menetelmä LÄHETTÄÄ soveltuu myös suurten tietomäärien lähettämiseen, koska toisin kuin menetelmä SAADA, sillä ei ole rajoituksia lähetettyjen merkkien lukumäärälle.

GET-menetelmä

Kuten jo tiedät, selaimen päätehtävä on vastaanottaa web-sivuja palvelimelta. Joten kun käytät menetelmää SAADA, selaimesi yksinkertaisesti hakee verkkosivun kuten aina. Menetelmä SAADA myös rivittää lomaketiedot, mutta liittää ne URL-osoitteen loppuun ennen pyynnön lähettämistä palvelimelle. Ymmärtääksesi kuinka menetelmä toimii SAADA, katsotaanpa sitä toiminnassa. Avaa ensimmäinen esimerkki tästä oppitunnista (Esimerkki: Yksinkertainen HTML-lomake) Muistiossa (esimerkiksi Notepad++) ja tee pieni muutos HTML-koodiin:

ne. korvata LÄHETTÄÄ päällä SAADA.
Tallenna tiedosto nimellä tiedoston_nimi.html ja päivitä selainsivu (F5) ja täytä sitten esimerkiksi lomake Vasya Pupkin ja napsauta "Lähetä"-painiketta. Selaimesi osoitepalkissa näet jotain tällaista:

File_name.html?firstname=Vasya&lastname=Pupkin

Nyt näet jokaisen lomakeelementin nimen sekä sen arvon täällä URL-osoitteessa.
URL-osoite on erotettu muusta lomakkeen tiedosta kysymysmerkillä, ja muuttujien nimet ja arvot erotetaan et-merkillä (&) .
Tätä menetelmää tulee käyttää, jos et siirrä suuria tietomääriä.
Tämä menetelmä ei toimi, jos lomakkeesi tiedot ovat arkaluonteisia, kuten pankkikortin numeron tai salasanan tallennus.
Lisäksi menetelmä SAADA ei sovellu, jos haluat lähettää tiedostoja palvelimelle lomakkeen mukana.

Lomakkeen elementtien ryhmittely

Merkityksellisesti toisiinsa liittyvät lomakeelementit voidaan ryhmitellä tunnisteiden väliin

Ja
. Selain tulee näkyviin
kehyksen muodossa muotoelementtien ryhmän ympärillä. Kehyksen ulkonäköä voidaan muuttaa CSS:n (Cascading Style Sheets) avulla.
Jos haluat lisätä otsikon jokaiselle ryhmälle, tarvitset elementin , joka määrittää kehykseen upotettavan ryhmän otsikkotekstin.

Lomakkeiden avulla käyttäjät voivat syöttää tietoja. Olet luultavasti törmännyt kaikenlaisiin testeihin, kyselyihin ja kyselyihin useammin kuin kerran.

Jotta voit tehdä kaiken tämän verkkosivuillasi, tarvitset lomakkeita.

Tässä on syytä huomata, että HTML-lomakkeet itsessään sallivat vain tietojen syöttämisen, mutta HTML ei voi käsitellä niitä (se on loppujen lopuksi merkintäkieli, ei ohjelmointikieli). Tietojen käsittelyyn käytetään kieliä, kuten javascript, php ja muut.

Mutta kaikella on aikansa, kunnes opimme lisäämään html-lomakkeita sivuillemme ja opimme käsittelemään niistä tietoja muilla, esimerkiksi javascriptille omistetuilla tunneilla. Joten html:ssä lomake määritellään tunnisteilla

. Kaikki muut lomakeelementit sijaitsevat näiden tunnisteiden välissä.

Tagilla

  • nimi parametreja on useita:
  • toimintaa- lomakkeen nimi. Välttämätön, jos sivulla on useita lomakkeita
  • menetelmä- määrittää URL-osoitteen, johon käyttäjän syöttämät tiedot lähetetään
  • - määrittää tiedon lähetystavan tavoite
- määrittää sen ikkunan nimen, jossa lähetetyn lomakkeen käsittelyn tulokset näytetään
:

Tässä vaiheessa sinun ei tarvitse syventyä näihin parametreihin, ja niiden tarkoitus käy ilmi, kun opiskelet tiedonkäsittelykieliä.

Muista toistaiseksi, että kaikki lomakeelementit sijaitsevat tunnisteiden välissä

Yksinkertainen yksirivinen tekstikenttä, johon voit kirjoittaa ja muokata tekstiä. Tunnisteella määritetty

Kirjoita teksti

  • nimi Tulos:
  • tyyppi Parametrit: - elementin nimi,- elementin tyyppi (in
  • koko tässä tapauksessa
  • - teksti),- tekstikentän koko merkeissä, jotka näkyvät samanaikaisesti, kun lisäät merkkejä, ne vierivät
  • arvo maksimipituus
- kenttään kirjoitettavien merkkien enimmäismäärä, jos jätät tämän parametrin pois, merkkien määrä on rajoittamaton,
  • - näytettävä teksti (se voidaan poistaa, jos tätä parametria ei ole, kenttä on tyhjä). Kaksi muuta vaihtoehtoa on mahdollista:
  • pois käytöstä- estää kentän muutoksista,
vain luku

ei-aktiivinen kenttä

Tulos:

ei-katatiivinen kenttä Tekstikenttä salasanan syöttämistä varten.

Tämä on sama tekstikenttä kuin edellinen elementti. Ainoa ero on, että kirjoittamaasi tekstiä ei näytetä sen sijaan erikoismerkkejä, kuten tähtiä. Useimmiten käytetään salasanoja syötettäessä. Kaikki parametrit ovat samat kuin yksinkertaisessa tekstikentässä parametria lukuun ottamatta

type="salasana"

ei-aktiivinen kenttä

type="salasana"
Esimerkki:

Anna salasana:

Yritä kirjoittaa jotain tähän kenttään.

Mitä kieliä puhut:
englanti saksaksi espanja ranskalainen

Se on asetettu samalla tunnisteella , jossa yksi tunniste määrittää yhden valintaruudun. Tarvitset neljä valintaruutua, sinun on kirjoitettava syöte neljä kertaa.

Tämä on sama tekstikenttä kuin edellinen elementti. Ainoa ero on, että kirjoittamaasi tekstiä ei näytetä sen sijaan erikoismerkkejä, kuten tähtiä. Useimmiten käytetään salasanoja syötettäessä. Kaikki parametrit ovat samat kuin yksinkertaisessa tekstikentässä parametria lukuun ottamatta

Mitä kieliä puhut:
englanti saksaksi espanja ranskalainen

Tarkastellaanpa sen parametreja:

  • tyyppi- elementin tyyppi (tässä tapauksessa valintaruutu),
  • nimi- elementin nimi, osoittaa lomakkeen prosessorille, minkä kohteen käyttäjä on valinnut,
  • arvo- elementin arvo, ilmaisee lomakeprosessorille käyttäjän valitseman kohteen arvon. Esimerkissämme on valittu englanninkielinen kohde, joten käsittelijäohjelma vastaanottaa: lan1="english",
  • tarkistettu- ne yleensä merkitsevät todennäköisimmin valittavat kohteet käyttäjä voi valita muita kohteita napsauttamalla hiirtä.

    Kytkimet

    Toisin kuin valintaruudut, voit valita vain yhden kohteen. Tässä suhteessa parametrien arvot nimi on oltava sama kaikille ryhmän elementeille. Parametri type="radio", kaikki muut ovat samat kuin lipuille.

    Ilmoita sukupuolesi:
    uros naaras

    ei-aktiivinen kenttä

    Ilmoita sukupuolesi:
    uros naaras

    Painikkeet

    Painikkeita on neljää tyyppiä:

    • lähetä- painike lähettääksesi lomakkeen sisällön verkkopalvelimelle. Sen parametrit:
      • type="lähetä"- painikkeen tyyppi,
      • nimi- painikkeen nimi,
      • arvo- merkintä painikkeessa.
    • kuva- graafinen painike lomakkeen sisällön lähettämiseksi web-palvelimelle. Jotta voit käyttää sitä, sinun on valmisteltava painikkeen kuva ja käytettävä sitä sitten painikkeena. Sen parametrit:
      • type="image"- graafisen painikkeen tyyppi,
      • nimi- painikkeen nimi,
      • src- painikkeen kuvan osoite.
    • nollaa- painike, jonka avulla voit palauttaa kaikki lomakkeen oletusarvot. Sen parametrit:
      • type="reset"- selkeä painiketyyppi,
      • nimi- painikkeen nimi,
      • arvo- merkintä painikkeessa.
    • -painiketta- mielivaltainen painike, jonka toiminnot olet määrittänyt itse, ts. Hän ei tiedä miten tehdä mitään itse. Sen parametrit:
      • type="button"- mukautetun painikkeen tyyppi,
      • nimi- painikkeen nimi,
      • arvo- merkintä painikkeessa.
      • onclick- osoittaa, mitä tehdä, kun painiketta napsautetaan. Yleensä tämäntyyppisillä painikkeilla on muita tapahtumia (esimerkiksi kaksoisnapsautus), mutta emme käsittele niitä tässä.
    Jos lomakkeessa on useita painikkeita, niillä tulee olla eri nimet.

    Esimerkkikoodi:

    ei-aktiivinen kenttä

    Painikkeet voidaan määrittää toisella tavalla käyttämällä tunnisteita . Tällaisten painikkeiden ominaisuudet ovat hieman laajempia, ja niissä voi olla tekstiä tai kuvia. Tällä tunnisteella on seuraavat parametrit:

    • tyyppi- painiketyyppi, voi ottaa arvoja:
      • nollaa- painike tyhjentääksesi lomakkeen,
      • lähetä- painike tietojen lähettämiseen,
      • -painiketta- mielivaltainen toimintapainike.
    • nimi- painikkeen nimi,
    • arvo- merkintä painikkeessa.
    Esimerkkikoodi:
    Lähetä

    ei-aktiivinen kenttä

    Lähetä
  • fyysistä- siirtää sekä näytöllä että saapuessaan palvelimelle.
  • - näytettävä teksti (se voidaan poistaa, jos tätä parametria ei ole, kenttä on tyhjä).- ei-aktiivinen kenttä,
  • pois käytöstä- Vain luku sallittu.
    • Esimerkki:

    ei-aktiivinen kenttä

    Kokeile kirjoittaa tekstiä ja katso parametrien arvojen eroa kääri.

    Pudotusvalikot

    Listat voivat olla yksittäisiä tai useita valintoja. Tunnisteet vaikuttavat molempiin , jonka sisällä tunnisteen määrittämien arvojen elementit sijaitsevat . Katsotaanpa näiden tunnisteiden parametreja:

    • tulee olemaan elementin sisällä

    LIITTYVÄT ARTIKKELI