Bevezetés a HTML űrlapelemekbe

A webfejlesztő technológiákban (különösen a kezelőfelület esetében) a „HTML” az alap vagy elsődleges jelölőnyelv, amelyet a weboldalak (az a weboldal, amelyet látunk) megjelenítéséhez használunk. Időnként egy HTML oldalon, a másik tartalom megjelenítésével együtt, néhány felhasználói beadványt is be kell vonnunk (főleg a dinamikus webhelyeken). És ahhoz, hogy a felhasználói bemeneteket HTML oldalra vegyük, több űrlapelemet kell használnunk az űrlapok megfelelő létrehozásához, és ezen űrlapok segítségével helyesen vesszük a felhasználói bemeneteket, és ezeket a bemeneteket (adatokat) a belső Adatbázisok a háttérben. Most, mivel tudjuk, hogy a HTML-kódok különféle címkeelemek () alá vannak írva, tehát alapvetően a „HTML űrlapelemek” azok az elemek, amelyeket a „” címke belsejében használnak. Ezek az elemek, valamint más szabványos és egyedi attribútumok egyaránt adnak egy formát és struktúrát, amelyek megismerik a felhasználókat, hogy mit kell tenni az űrlappal és hogyan kell szerkezetileg folytatni.

Magyarázza el a HTML űrlapelemeket (ideértve a szintaxist és a példákat a kimenettel)

Mivel több HTML űrlapelem van az űrlap létrehozásához és az űrlapnak strukturált módon megfelelő megjelenését kell adnia; Az alábbiakban néhányat magyarázzuk meg egyenként.

SL NemCímkékJelentések / leírások

1

HTML formátum meghatározása a felhasználói bevitelhez

2

A bemeneti vezérlés meghatározása

3

Az előre meghatározott lehetőségek listájának megadása

4

A csoporthoz kapcsolódó elemek meghatározása

5

Biztonsági bemenet meghatározása

6

A bemeneti címke meghatározása

7

Felirat meghatározása a mezőkészlethez

8

Hasonló lehetőségek csoportjának meghatározása

9

A legördülő menü opciójának meghatározása

10

Az eredmény meghatározása

11

A legördülő lista meghatározása

12

Többvonalas beviteli terület meghatározása

Megjegyzés: Az itt tárgyalt HTML tag elemek többsége a HTML5-re vonatkozik, amely a HTML nyelv legújabb verziója. A címkeelemet a HTML5 már nem támogatja; valójában a HTML korábbi verziójához használták.

Szintaxis és példa

Az alábbiakban néhány, a kimenetekkel ellátott HTML űrlapelem szintaxisát és példáját tárgyaljuk:

  1. „” Elem

Ez az elem tartalmazhat még sok más elemet, beleértve az alábbiakat:

    Példa egy beviteli és küldési gombbal rendelkező elemre:

    Szintaxis:


    Your Name:

    kódok:



    Your name:


    Kimenet:

    1. „” Elem

    Ez az elem egy inline elem, és a form-element csoporthoz tartozik.

    Szintaxis:


    Input name:
    Input age:

    kódok:



    Input name:
    Input age:


    Kimenet:

    1. „” Elem

    Ez általában egy elem előre megadott bemeneti listáját határozza meg, ahol a felhasználók bármilyen lehetőséget választhatnak az előre meghatározott listából.

    Szintaxis:





    kódok:









    Kimenet:

    1. „” Elem

    Ezt az elemet alapvetően a kapcsolódó elemek csoportosítására használják formákban és egy dobozt rajzol a hasonló elemek körül.

    Szintaxis:


    Celebrity:
    Name:
    Phone:
    Age:

    kódok:




    Celebrity:
    Name:
    Phone:
    Age:

    Kimenet:

    1. „” Elem

    Ez az elem lokalizálhat az űrlapon kívül, de lehet, hogy része az űrlapnak. Általában ezt az elemet egy vagy több űrlap meghatározására használják. Ezt az elemet újonnan használják a HTML5 verzióban egy titkosítási kulcs létrehozásához, amellyel titkosított adatokat továbbíthatnak egy weblap űrlapján HTML alapon.

    Szintaxis:

    kódok:



    Username:

    Az alábbiakban említett keygen mező kívül esik az űrlapon, de mégis része a fenti űrlapnak.

    Titkosítás:

    Kimenet:

    1. „” Elem

    Ez az elem alapvetõen megnevezi a bemeneti űrlapot, hogy a felhasználók megértsék, milyen bemeneti adatoknak kell lennie. Indikátorként szolgál a felhasználók számára.

    Szintaxis:

    …

    kódok:


    Example of HTML label tag


    Boy
    Girl

    Kimenet:

    1. „” Elem

    Ez az elem valójában egy elem képaláírását határozza meg. Ez egyfajta támogató elem egy másik elemhez, a csoport elem egy részéhez.

    Szintaxis:


    Celebrity:
    Name:
    Phone:
    Age:

    kódok:


    Example of HTML legend tag


    Celebrity:
    Name:
    Phone:
    Age:

    Kimenet:

    1. „” Elem

    Ez az elem egy csoporttal összefüggő elem, amelyet HTML-formátumban a legördülő lista opcióihoz használnak. Ez segít a felhasználóknak a hosszú lista egyszerű kezelésében.

    Szintaxis:


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    kódok:



    Example of HTML legend tag


    Ninja 300
    Ninja 450

    Pulsar 200
    Pulsar 150

    Kimenet:

    1. „” Elem

    Ez az elem az elem alatti legördülő listából származó opció ábrázolására szolgál; a legördülő listának legalább egy opciót tartalmaznia kell.

    Szintaxis:

    …

    kódok:



    Example of HTML option tag


    Bikes
    Cars
    Buses

    Kimenet:

    1. „” Elem

    Ezt az elemet alapvetően egy számítás kimenetének megjelenítésére használják (pl. Szkriptált számításban).

    Szintaxis:

    …

    kódok:



    Example of HTML output Tag

    +
    =

    Kimenet:

    1. „” Elem

    Ezt az elemet választják az űrlapon belüli listából.

    Szintaxis:


    Bike
    Car
    Bus

    kódok:



    Example of HTML select Tag


    Bike
    Car
    Bus

    Kimenet:

    1. „” Elem

    Ez az elem a több soros szövegbevitel meghatározására szolgál (pl. Címhez).

    Szintaxis:

    Írja meg véleményét:
    Tedd ide…

    kódok:


    Example of HTML textarea Tag

    Írja meg véleményét:
    Tedd ide…



    Kimenet:

    Következtetés

    Olyan sok HTML űrlapelem érhető el; ebben a cikkben néhány alapvető vagy natív HTML űrlapelemet tárgyaltunk. A HTML űrlapelemek segítenek a megfelelő és funkcionális HTML űrlapok létrehozásában. Meg kell jegyezni, hogy a HTML-formaelemek többségéhez néhány attribútumra van szükség ahhoz, hogy velük együtt szerepeljen. Néhány elem egymástól függ, amelyeket együtt kell kódolni. A már elavult elemeket nem minden böngésző jeleníti meg.

    Ajánlott cikkek

    Ez egy útmutató a HTML űrlapelemekhez. Itt tárgyaljuk a forma bevezetését és elemeit a szintaxissal és a mintakóddal. A további javasolt cikkeken keresztül további információkat is megtudhat -

    1. Html verziói
    2. A HTML előnyei
    3. Karrier HTML-ben
    4. HTML blokkok
    5. Ingyenes HTML tanfolyam
    6. HTML keretek
    7. Állítsa be a háttér színét HTML-ben a Példa segítségével

    Kategória:

    Webfejlesztő eszközök