Liste și formulare interactive pe paginile web

Listele pe paginile Web

Destul de des atunci când plasați text pe pagini Web, este convenabil să utilizați liste în diferite versiuni:

  • liste numerotate atunci când elementele din listă sunt identificate cu numere;
  • etichete atunci când elementele de listă sunt identificate folosind caractere speciale (markeri);
  • Listele de definiții, care permit să se facă liste de definiții în așa-numita formă de dicționar.

Este posibilă crearea și listele imbricate, iar lista poate să difere de la cea principală.







Listele numerotate. Lista numerică este situată în interiorul containerului

    , și fiecare element al listei este definit de o etichetă
  1. . Utilizând atributul TYPE al unei etichete
      Puteți specifica tipul de numerotare: cifre arabe (implicit), „I“ (cifre romane), „un“ (cu litere mici), și altele.


      1. Software de sistem
      2. Programe de aplicație
      3. Sisteme de programare

      Listele cu liste. Lista cu marcatori este situată în interiorul containerului

        , și fiecare element al listei este definit de o etichetă
      • . Utilizând atributul TYPE al unei etichete
          puteți specifica tipul de marcator de listă: "disc", "pătrat" ​​sau "cerc":

          Pe pagina Web "Programe" vom pune lista numerotată care conține lista principalelor tipuri de software de calculator.

          În cel de-al doilea element al listei numerice principale, inserăm lista cu marcatori imbricate (Figura 6.30).

          Fig. 6.30. Pagina Web "Programe", care conține o listă numerotată cu o listă cu marcatori imbricate

          Lista definițiilor. Lista definițiilor se află în interiorul containerului

          /
          . În interiorul acestuia, textul este scris în termeni de termeni care sunt evidențiate de etichete unice
          și definiții care urmează tag-uri unice
          .

          Pagina de web "Dicționar" pe care îl vom prezenta sub forma unui dicționar de termeni de calcul (Figura 6.31):


          procesor
          Dispozitivul central al computerului, care procesează informații în cod binar.
          Memorie operativă
          Dispozitivul în care sunt stocate programele și datele.

          Fig. 6.31. Pagină web "Dicționar" care conține un glosar de termeni

          1. Ce etichete sunt folosite pentru a crea liste numerotate? Bullet-ștampila liste?

          Sarcini de auto-împlinire

          6.14. Misiune practică. Creați o pagină Web "Programe" cu o listă numerotată și o listă cu marcatori imbricate.







          6.15. Misiune practică. Creați o pagină Web "Dicționar" cu o listă de termeni.

          Formulare interactive pe pagini Web

          Pentru a permite vizitatorilor site-ului să vizualizeze informații, dar și să trimită informații administratorilor săi, formularele interactive sunt plasate pe paginile site-ului. Formularele includ diferite tipuri de elemente de control: câmpuri de text, liste derulante, casete de selectare, butoane radio și așa mai departe.

          Mesaj pe pagina „Despre mine“ profilul pentru vizitatori pentru a afla cine vizitatorii noștri, în ce scop și prin ce software-ul devine și utilizează informații de pe Internet, precum și a afla ce informații pe care le-ar dori să vadă pe site-ul nostru.
          Întreaga formă este în recipient

          Câmpurile de text.
          Pentru a obține aceste date, vom plasa în formular două câmpuri de text dintr-o singură linie pentru introducerea informațiilor.
          Câmpurile de text sunt create folosind eticheta

          cu valoarea atributului TYPE = "text". Atributul NAME este obligatoriu și servește la identificarea informațiilor primite. Valoarea atributului SIZE este numărul care specifică lungimea câmpului de introducere în caractere.
          Pentru ca chestionarul să fie citit, este necesar să împărțiți liniile utilizând eticheta feed-ului de linie

          Întreruperi.
          Apoi, dorim să aflăm ce grup de utilizatori aparține vizitatorului. Propunem să alegeți una dintre următoarele opțiuni: un student, un student, un profesor.
          Pentru aceasta, creați un grup de butoane radio (butoane radio). Acest grup este creat folosind eticheta "INPUT" cu valoarea atributului TYPE = "radio". Toate elementele dintr-un grup trebuie să aibă aceleași valori pentru atributul NAME. De exemplu, NAME = "grup".
          Un alt atribut obligatoriu este VALUE, care atribuie valorile "student", "student" și "profesor". Valoarea atributului VALUE trebuie să fie unică pentru fiecare "buton radio", deoarece atunci când este selectată, este transferată pe server.

          Bifările.
          Apoi, vrem să aflăm care servicii de Internet pe care vizitatorul le folosește cel mai des. Aici, din lista propusă, el poate alege mai multe opțiuni în același timp, marcându-le cu steaguri.
          Steagurile sunt create folosind eticheta "INPUT" cu valoarea atributului TYPE = "casetă de selectare". Steagurile grupate într-un grup pot avea valori diferite pentru atributul NAME. De exemplu, NAME = "boxl", NAME = "box2", etc.

          în care fiecare element al listei este definit de o etichetă

          În comutatoare, casete de selectare și liste, elementul implicit este specificat utilizând atributul
          SELECTAT.

          Zona de text.
          În concluzie, să ne întrebăm ce vizitator ar dori să vadă pe paginile noastre, ce informații ar trebui să fie adăugate la ele. Din moment ce nu putem ști în avans cât de extins va fi răspunsul cititorului, vom lua pentru el zona de text cu o bară de defilare. În acest câmp, puteți introduce un text suficient de lung.
          O zonă de text este creată utilizând eticheta

          cu atributele necesare: NAME, specificând numele regiunii, ROWS, care determină numărul de rânduri și COLS - numărul de coloane din zonă.

          Trimiterea datelor din formular.
          Informațiile introduse în formular sunt trimise făcând clic pe buton.
          Butonul este creat folosind eticheta "INPUT". Atributul TYPE trebuie să fie setat la "submit", iar valoarea "VALUE", care specifică inscripția de pe buton, trebuie setată la "Send".

          .


          1. Ce etichete sunt folosite pentru a crea câmpuri de text pe formular? Switch-uri? Steaguri? Listele derulante? Zone de text?
          2. Ce valori ar trebui să fie atribuite atributelor tag-ului







          Pagina anterioară

          Pagina următoare

          Trimiteți-le prietenilor: