Johdanto HTML-muotoelementteihin
Web-kehitystekniikoissa (etenkin käyttöliittymässä) “HTML” on perus- tai ensisijainen merkintäkieli, jota käytetään verkkosivujen (sivu, jonka näemme verkkosivustolla) näyttämiseen. Joskus HTML-sivulla on muun sisällönäytön ohella otettava myös joitain käyttäjän syötteitä (etenkin dynaamisilla verkkosivustoilla). Ja voidaksemme ottaa käyttäjän syötteet HTML-sivulle, meidän on käytettävä useita lomakeelementtejä näiden muotojen luomiseen oikein ja näiden muotojen avulla otamme käyttäjän syötteet oikealla tavalla ja laitamme nämä syötöt (tiedot) sisäiseen Tietokannat taustalla. Nyt, kun tiedämme, että HTML-koodit on kirjoitettu eri tunniste-elementteihin (), niin, pohjimmiltaan ”HTML-muotoelementit” ovat niitä elementtejä, joita käytetään ”” -tunnisteen sisällä. Ja nämä elementit yhdessä muiden standardien ja ainutlaatuisten ominaisuuksien kanssa antavat myös muodon ja rakenteen, jotka antavat käyttäjille tietää mitä tehdä muodolle ja miten edetä rakenteellisella tavalla.
Selitä HTML-muotoelementit (mukaan lukien syntaksi ja esimerkit tulosteen kanssa)
Koska lomakkeita on useita HTML-muotoelementtejä, lomakkeen luominen ja antaa muodolle oikean ulkoasun rakenteellisella tavalla; alla on joitain niistä selitetty yksi kerrallaan.
SL ei | Tunnisteet | Merkitykset / kuvaukset |
1 | HTML-muodon määrittäminen käyttäjän syötteille | |
2 | Syöttöohjauksen määritteleminen | |
3 | Määrittää luettelon ennalta määritetyistä vaihtoehdoista | |
4 | Ryhmiin liittyvien elementtien määritteleminen | |
5 | Suojatun tulon määrittäminen | |
6 | Syöttömerkinnän määrittäminen | |
7 | Tekstityksen määrittäminen kenttäjoukolle | |
8 |
Määrittää samanlaisten vaihtoehtojen ryhmä |
|
9 |
Määritä avattavan valinnan vaihtoehto |
|
10 |
Tuloksen määritteleminen |
|
11 |
Voit määrittää avattavan luettelon |
|
12 |
Monilinjan syöttöalueen määrittäminen |
Huomaa: Suurin osa tässä käsitellyistä HTML-tunnisteelementeistä on tarkoitettu HTML5: lle, joka on HTML-kielen uusin versio. Tunniste-elementtiä ei enää tueta HTML5: ssä; sitä käytettiin todella aikaisempaan HTML-versioon.
Syntaksi ja esimerkki
Joitakin syntakseja ja esimerkkejä HTML-muotoelementeistä ulostulojen kanssa käsitellään alla:
-
”” Elementti
Tämä elementti voi sisältää myös monia muita elementtejä, mukaan lukien seuraavat:
Esimerkki elementistä “”, jossa on syöttö- ja lähetä-painike:
Syntaksi:
Your Name:
koodit:
Your name:
lähtö:
-
”” Elementti
Tämä elementti on rivielementti ja kuuluu muotoelementtiryhmään.
Syntaksi:
Input name:
Input age:
koodit:
Input name:
Input age:
lähtö:
-
”” Elementti
Se määrittelee yleensä ennalta määritetyn luettelon elementteistä, joissa käyttäjät voivat valita minkä tahansa vaihtoehdon ennalta määritellystä luettelosta.
Syntaksi:
koodit:
lähtö:
-
”” Elementti
Tätä elementtiä käytetään periaatteessa liittyvien elementtien ryhmittämiseen muotoihin ja piirtää laatikon samanlaisten elementtien ympärille.
Syntaksi:
Celebrity:
Name:
Phone:
Age:
koodit:
Celebrity:
Name:
Phone:
Age:
lähtö:
-
”” Elementti
Tämä elementti voi sijaita lomakkeen ulkopuolella, mutta silti se voi olla osa lomaketta. Yleensä tätä elementtiä käytetään määrittelemään yksi tai useampi muoto. Tätä elementtiä käytetään vasta HTML5-versiossa salausavaimen luomiseen salatun tiedon siirtämiseksi HTML-pohjaisen verkkosivuston muodossa.
Syntaksi:
koodit:
Username:
Alla mainittu keygen-kenttä on lomakkeen ulkopuolella, mutta se on silti osa yllä olevaa lomaketta.
salaus:lähtö:
-
”” Elementti
Tämä elementti antaa periaatteessa nimen syöttömuodolle, jotta käyttäjät ymmärtävät, minkä syöttötietojen sen pitäisi olla. Se toimii käyttäjien indikaattorina.
Syntaksi:
…
koodit:
Example of HTML label tag
Boy
Girl
lähtö:
-
”” Elementti
Tämä elementti itse asiassa määrittelee elementin kuvatekstin. Se on eräänlainen tukielementti toiselle elementille, osa ryhmäelementtiä.
Syntaksi:
Celebrity:
Name:
Phone:
Age:
koodit:
Example of HTML legend tag
Celebrity:
Name:
Phone:
Age:
lähtö:
-
”” Elementti
Tämä elementti on ryhmään liittyvä elementti, jota käytetään HTML-muodossa olevan pudotusluettelon vaihtoehtoihin. Se auttaa käyttäjiä käsittelemään pitkää luetteloa helposti.
Syntaksi:
Ninja 300
Ninja 450
Pulsar 200
Pulsar 150
koodit:
Example of HTML legend tag
Ninja 300
Ninja 450
Pulsar 200
Pulsar 150
lähtö:
-
”” Elementti
Tätä elementtiä käytetään edustamaan vaihtoehtoa elementin alla olevasta pudotusluettelosta; avattavassa luettelossa on oltava ainakin yksi vaihtoehto.
Syntaksi:
…
koodit:
Example of HTML option tag
Bikes
Cars
Buses
lähtö:
-
”” Elementti
Tätä elementtiä käytetään periaatteessa laskelman tuotoksen näyttämiseen (esim. Komentosarjalaskelmassa).
Syntaksi:
…
koodit:
Example of HTML output Tag
+
=
lähtö:
-
”” Elementti
Tätä elementtiä käytetään valinnan tekemiseen lomakkeen luettelosta.
Syntaksi:
Bike
Car
Bus
koodit:
Example of HTML select Tag
Bike
Car
Bus
lähtö:
-
”” Elementti
Tätä elementtiä käytetään määrittämään moniriviset tekstitulot (esim. Osoite).
Syntaksi:
Kommentoi:
Laita tänne…
koodit:
Example of HTML textarea Tag
Kommentoi:
Laita tänne…
lähtö:
johtopäätös
HTML-lomakeelementtejä on saatavana niin paljon; tässä artikkelissa olemme keskustelleet joistakin HTML-muodon peruselementeistä tai alkuperäisistä. HTML-muotoelementit auttavat meitä luomaan asianmukaiset ja toimivat HTML-lomakkeet. Huomautettakoon, että suurin osa HTML-muotoelementeistä tarvitsee muutaman määritteen sisällyttämistä niiden mukana. Jotkut elementit riippuvat toisistaan, ja ne on koodattava yhdessä. Kaikista selaimista ei välttämättä näytetä jo vanhentuneita elementtejä.
Suositellut artikkelit
Tämä on opas HTML-muotoelementteihin. Tässä keskustellaan muodon johdannosta ja elementeistä syntaksin ja näytekoodin kanssa. Voit myös käydä läpi muiden ehdotettujen artikkeleidemme saadaksesi lisätietoja -
- Versioita Html
- HTML: n edut
- Ura HTML-muodossa
- HTML-esteet
- Ilmainen HTML-kurssi
- HTML-kehykset
- Aseta taustaväri HTML-muodossa esimerkillä