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 eiTunnisteetMerkitykset / 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:

  1. ”” 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ö:

    1. ”” Elementti

    Tämä elementti on rivielementti ja kuuluu muotoelementtiryhmään.

    Syntaksi:


    Input name:
    Input age:

    koodit:



    Input name:
    Input age:


    lähtö:

    1. ”” 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ö:

    1. ”” 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ö:

    1. ”” 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ö:

    1. ”” 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ö:

    1. ”” 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ö:

    1. ”” 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ö:

    1. ”” 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ö:

    1. ”” Elementti

    Tätä elementtiä käytetään periaatteessa laskelman tuotoksen näyttämiseen (esim. Komentosarjalaskelmassa).

    Syntaksi:

    …

    koodit:



    Example of HTML output Tag

    +
    =

    lähtö:

    1. ”” 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ö:

    1. ”” 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 -

    1. Versioita Html
    2. HTML: n edut
    3. Ura HTML-muodossa
    4. HTML-esteet
    5. Ilmainen HTML-kurssi
    6. HTML-kehykset
    7. Aseta taustaväri HTML-muodossa esimerkillä

    Luokka:

    Web-kehitystyökalut