Setarea dimensiunii câmpului. Parametrii CSS de lățime și înălțime pentru setarea dimensiunilor elementelor paginii html

09.04.2019 Siguranță

Utilizarea proprietății Field Size pentru câmpurile numerice în Tabele de acces Puteți regla spațiul ocupat de înregistrări în baza de date. Câmpurile de text pot fi, de asemenea, redimensionate, deși efectul acestui lucru în ceea ce privește economisirea spațiului nu este la fel de vizibil.

Notă: Caracteristicile descrise în acest articol nu se aplică aplicațiilor web Access sau bazelor de date web.

În acest articol

Rezultatul modificării dimensiunii câmpului

Puteți redimensiona atât un câmp gol, cât și un câmp care conține deja date. Efectul redimensionării unui câmp depinde dacă acesta conține date.

Dacă câmpul nu conține date Modificarea dimensiunii unui câmp stabilește o limită pentru dimensiunea noilor valori din acel câmp. Pentru câmpurile numerice, dimensiunea definește cu precizie volumul spatiu pe disc, folosit Accesați aplicația pentru a stoca fiecare valoare a câmpului corespunzător. Pentru câmpurile de text, dimensiunea câmpului determină cantitatea maximă de spațiu pe disc pe care Access o poate aloca pentru fiecare valoare din acel câmp.

Dacă câmpul conține date Când redimensionați un câmp, Access trunchiază toate valorile din câmp care depășesc dimensiune datăși limitează, de asemenea, dimensiunea noilor valori de date din câmp, așa cum este descris mai sus.

Redimensionarea unui câmp numeric

Sfat:

Constructor.

În zonă Proprietățile câmpului pe filă Sunt comune Dimensiunea campului. Puteți selecta una dintre valorile enumerate mai jos.

octet- pentru numere întregi de la 0 la 255. Stocarea necesită 1 octet.

Întreg- pentru numere întregi de la -32 768 la + 32 767. Stocarea necesită 2 octeți.

Număr întreg lung- pentru numere întregi de la -2 147 483 648 la +2 147 483 647. Pentru stocare sunt necesari 4 octeți.

Sfat: Tipul de date Long Integer trebuie utilizat atunci când se creează o cheie străină pentru a asocia un câmp cu un câmp de cheie primară al unui alt tabel care are un tip de date Counter.

Un singur punct flotant- pentru numere în virgulă mobilă de la -3,4 x 1038 la +3,4 x 1038, care au până la 7 cifre semnificative. Stocarea necesită 4 octeți.

Virgulă flotantă dublă- pentru numere în virgulă mobilă de la -1,797 x 10308 la +1,797 x 10308, care au până la 15 cifre semnificative. Stocarea necesită 8 octeți.

Cod de replicare- pentru GUID-ul necesar pentru replicare.

Notă: Replicarea nu este acceptată pentru fișierele în format ACCDB.

Numar real - Pentru valori numerice-9,999... x 1027 până la +9,999... x 1027. Stocarea necesită 12 octeți.

Redimensionarea unui câmp de text

Sfat: Dacă câmpul pe care doriți să îl redimensionați conține deja date, este recomandat să îl creați copie de rezervă bazele.

În panoul de navigare, faceți clic Click dreapta mouse-ul peste tabelul care conține câmpul pe care doriți să îl modificați și selectați comanda Constructor.

În grila de proiectare a tabelului, selectați câmpul pe care doriți să îl redimensionați.

În zonă Proprietățile câmpului pe filă Sunt comune te rog sa indici dimensiune nouă câmpuri ca valoare de proprietate Dimensiunea campului. Introduceți o valoare între 1 și 255. Acest număr determină suma maxima caracterele cuprinse în fiecare valoare. Pentru câmpuri mari, utilizați tipul de date Memo (Text lung în Access 2016).

Notă: Pentru datele din câmpurile de text (Short Text in Access 2016), Access nu rezervă mai mult spațiu decât este necesar pentru stocarea valorilor reale. Proprietate Dimensiunea campului definește dimensiunea valorii maxime a câmpului.

Formulare HTML sunt controale care sunt utilizate pentru a colecta informații de la vizitatorii site-ului web.

Formularele web constau dintr-o colecție de câmpuri de text, butoane, liste și alte controale care sunt activate printr-un clic de mouse. Din punct de vedere tehnic, formularele transmit date de la utilizator la un server la distanță.

Pentru a primi și prelucra date de formular, limbaje de programare web, cum ar fi PHP, Perl.

Înainte de apariția HTML5, formularele web erau o colecție de mai multe elemente , terminand cu un buton . A fost nevoie de mult efort pentru a modela formularele în diferite browsere. În plus, formularele necesitau utilizarea JavaScript pentru a valida datele introduse și, de asemenea, lipseau tipuri specifice de câmpuri de intrare pentru specificarea informațiilor de zi cu zi, cum ar fi datele, adresele E-mailși URL-uri.

Formulare HTML5 a rezolvat majoritatea acestor probleme comune datorită prezenței de noi atribute, oferind capacitatea de schimbare aspect elemente de formă datorită CSS3.

Orez. 1. Formulare Web îmbunătățite cu HTML5

Crearea unui formular HTML5

1. Element

Baza oricărei forme este elementul .... Nu necesită nicio intrare deoarece este un container, ținând împreună toate controalele formularului - câmpuri. Atributele acestui element conțin informații care sunt comune tuturor câmpurilor de formular, astfel încât câmpurile care sunt combinate logic trebuie incluse într-un singur formular.

Tabelul 1. Atributele etichetei

Atribut	Sens/Descriere
accept-charset	Valoarea atributului este un spațiu separat lista de codificări de caractere, care va fi folosit pentru a trimite formularul, de exemplu, .
acțiune	Atribut obligatoriu, care specifică adresa URL a handler-ului de formular de pe serverul către care sunt trimise datele. Este un fișier (de exemplu, action.php) care descrie ce trebuie făcut cu datele din formular. Dacă valoarea atributului nu este specificată, atunci după ce pagina este reîncărcată, elementele formularului vor prelua valorile implicite. În cazul în care toate lucrările se vor face din partea clientului Scripturi JavaScript, apoi pentru atribut de acțiune puteți specifica valoarea #. De asemenea, puteți aranja ca formularul completat de vizitator să vă fie trimis prin e-mail. Pentru a face acest lucru, trebuie să faceți următoarea intrare:
completare automată
enctype	Folosit pentru a indica MIMA-tip de date trimise împreună cu formularul, de exemplu, enctype="multipart/form-data" . Specificat numai în cazul method="post" . application/x-www-form-urlencoded este tipul de conținut implicit, ceea ce indică faptul că datele transmise reprezintă o listă de variabile de formular codificate în URL. Caracterele de spațiu (ASCII 32) vor fi codificate ca + și un caracter special, cum ar fi ! va fi codificat în hexazecimal ca %21. multipart/form-data - folosit pentru a trimite formulare care conțin fișiere, date non-ASCII și date binare, constă din mai multe părți, fiecare dintre acestea reprezentând conținutul element individual forme. text/plain - indică faptul că se transmite text simplu (nu html).
metodă	Specifică modul în care sunt trimise datele din formular. Metoda get trimite date către server prin bara de adresa browser. La generarea unei cereri către server, toate variabilele și valorile lor formează o secvență precum www.anysite.ru/form.php?var1=1&var2=2. Numele și valorile variabilelor sunt adăugate la adresa serverului după semn? și sunt separate prin &. Toate Simboluri speciale iar literele non-latine sunt codificate în formatul %nn, spațiul este înlocuit cu +. Această metodă ar trebui utilizată dacă nu transferați cantități mari de informații. Dacă ar trebui să trimiteți un fișier împreună cu formularul, această metodă nu va funcționa. Metoda post este folosită pentru a trimite cantități mari de date, precum și informații confidențiale si parole. Datele trimise prin această metodă nu sunt vizibile în antetul URL-ului deoarece sunt conținute în corpul mesajului.
Nume	Seturi numele formularului, care va fi folosit pentru a accesa elemente de formular prin intermediul scripturilor, cum ar fi name="opros" .
nuvalidate	Dezactivează validarea în butonul de trimitere a formularului. Atributul este utilizat fără a specifica o valoare
ţintă	Specifică fereastra către care vor fi trimise informațiile: _blank - fereastră nouă _self - același cadru _parent — cadru părinte (dacă există, dacă nu, atunci la cel curent) _fereastra de sus nivel superiorîn raport cu acest cadru. Dacă apelul nu vine de la un cadru copil, atunci la același cadru.

2. Gruparea elementelor de formular

Element

...

conceput pentru a grupa elemente legate între ele, împărțind astfel forma în fragmente logice.

Fiecare grup de elemente poate fi numit folosind elementul , care vine imediat după etichetă

. Numele grupului apare în chenarul din stânga sus

. De exemplu, dacă într-un element

Informațiile de contact sunt stocate:

Orez. 2. Gruparea elementelor de formular folosind

Tabelul 2. Atributele etichetei

Atribut	Sens/Descriere
dezactivat	Dacă atributul este prezent, atunci un grup de elemente de formular înrudite situate în interiorul containerului , dezactivat pentru completare și editare. Folosit pentru a restricționa accesul la anumite câmpuri de formular care conțin date introduse anterior. Atributul este utilizat fără a specifica o valoare - .
formă	în același document. Indică una sau mai multe forme cărora le aparține acest grup elemente. Pe acest moment Atributul nu este acceptat de niciun browser.
Nume	Definește Nume, care va fi folosit pentru a face referire la elemente în JavaScript sau pentru a face referire la datele din formular după ce formularul a fost completat și trimis. Este analog cu atributul id.

3. Creați câmpuri de formular

Element creează majoritatea câmpurilor de formular. Atributele unui element diferă în funcție de tipul de câmp pentru care este folosit elementul.

Folosind stilurile CSS puteți modifica dimensiunea fontului, tipul fontului, culoarea și alte proprietăți ale textului, precum și să adăugați chenare, culoarea de fundal și imagine de fundal. Lățimea câmpului este setată proprietatea lățimii.

Tabelul 3. Atributele etichetei

Atribut	Sens/Descriere
Accept	Determină tipul de fișier care poate fi trimis către server. Indicat doar pentru . Valori posibile: file_extension - permite descărcarea fișierelor din extensia specificată, de exemplu, accept=".gif" , accept=".pdf" , accept=".doc" audio/* - permite descărcarea fișierelor audio video/* - permite descărcarea fișierelor video imagine/* - permite încărcarea imaginilor media_type - indică tipul media al fișierelor descărcate.
alt	Definește text alternativ pentru imagini, indicat doar pentru .
completare automată	Responsabil pentru reținerea valorilor introduse în câmpul de text și înlocuirea lor automată data viitoare când le introduceți: pornit - înseamnă că câmpul nu este protejat și valoarea acestuia poate fi stocată și preluată, off - dezactivează completarea automată pentru câmpurile formularului.
autofocus	Vă permite să vă asigurați că în forma încărcată unul sau altul câmp de introducere are deja focus (a fost selectat), fiind gata să introduceți o valoare.
verificat	Atributul verifică dacă caseta de selectare implicită este bifată la încărcarea paginii pentru câmpuri precum type="checkbox" și type="radio" .
dezactivat
formă	Valoarea atributului trebuie să fie egală cu atributul id al elementului în același document. Identifică unul sau mai multe formulare cărora le aparține acest câmp de formular.
formare	Specifică adresa URL a fișierului care va procesa datele introduse în câmpurile la trimiterea formularului. Setați numai pentru câmpurile type="submit" și type="image" . Atributul suprascrie valoarea atributului de acțiune al formularului în sine.
formenctype	Determină modul în care datele câmpului formularului vor fi codificate atunci când sunt trimise către server. Supliniază valoarea atributului enctype al formularului. Setați numai pentru câmpurile type="submit" și type="image" . Opțiuni: application/-x-www-form-urlencoded este valoarea implicită. Toate caracterele sunt codificate înainte de trimitere (spațiile sunt înlocuite cu caracterul +, caracterele speciale sunt convertite în valori ASCII HEX) multipart/form-data - caracterele nu sunt codificate text/plain - spațiile sunt înlocuite cu simbolul +, iar caracterele speciale nu sunt codificate.
formmetod	Atributul specifică metoda pe care browserul o va folosi pentru a trimite datele formularului către server. Setați numai pentru câmpurile type="submit" și type="image" . Supliniază valoarea atributului metodei formularului. Opțiuni: get este valoarea implicită. Datele din formular (perechea nume/valoare) sunt adăugate la adresa URL și trimise la server: URL?name=value&name=value datele post - formular sunt trimise ca o cerere http.
formnovalidate	Specifică faptul că datele câmpului formularului nu trebuie validate atunci când formularul este trimis. Supliniază valoarea atributului novalidate al formularului. Poate fi folosit fără a specifica o valoare de atribut.
formtarget	Stabilește unde să se afișeze răspunsul primit după trimiterea formularului. Setați numai pentru câmpurile type="submit" și type="image" . Supliniază valoarea atribut target forme. _parent – încarcă răspunsul în cadrul părinte _top – încarcă răspunsul pe ecran complet framename – încarcă răspunsul într-un cadru cu numele specificat.
înălţime	Valoarea atributului conține numărul de pixeli fără a specifica o unitate de măsură. Setează înălțimea unui câmp de formular de tip type="image" , de exemplu, . Este recomandat să setați atât înălțimea cât și lățimea câmpului în același timp.
listă	Este o referire la un element , conține id-ul său. Vă permite să oferiți utilizatorului mai multe opțiuni din care să aleagă atunci când începe să introducă o valoare în câmpul corespunzător.
max	Vă permite să limitați introducerea de date numerice acceptabile valoare maximă, valoarea atributului poate conține un număr întreg sau un număr fracționar. Se recomandă utilizarea acestui atribut împreună cu atributul min. Funcționează cu următoarele tipuri de câmpuri: număr, interval, dată, dată și oră, dată și oră-local, lună, oră și săptămână.
lungime maxima	Atributul specifică numărul maxim de caractere introduse în câmp. Valoarea implicită este de 524288 de caractere.
min	Vă permite să limitați intrarea numerică permisă la o valoare minimă.
multiplu	Permite utilizatorului să introducă mai multe valori ale atributelor, separate prin virgulă. Se aplică fișierelor și adreselor de e-mail. Specificat fără valoare de atribut.
Nume	Specifică numele care va fi folosit pentru a accesa elementul , de exemplu, în tabele stiluri css. Este analog cu atributul id.
model	Vă permite să determinați utilizarea expresie uzuala sintaxa datelor care trebuie lăsate să fie introduse într-un anumit câmp. De exemplu, pattern="(3)-(3)" — paranteza patrata setați intervalul de caractere valide, în în acest caz,- orice literă mică, numărul din acolade indică faptul că sunt necesare trei litere mici, urmate de o liniuță, apoi trei numere cuprinse între 0 și 9.
substituent	Conține textul care este afișat în câmpul de introducere înainte de a fi completat (cel mai adesea acesta este un sfat instrument).
numai citire	Nu permite utilizatorului să modifice valorile elementelor de formular; selectarea și copierea textului este încă disponibilă. Specificat fără valoare de atribut.
necesar	Afișează un mesaj care indică faptul că acest câmp este obligatoriu. Dacă utilizatorul încearcă să trimită formularul fără a introduce valoarea necesară în acest câmp, pe ecran va fi afișat un mesaj de avertizare. Specificat fără valoare de atribut.
mărimea	Setează lățimea vizibilă a câmpului în caractere. Valoarea implicită este 20. Funcționează cu următoarele tipuri de câmpuri: text, căutare, tel, url, e-mail și parolă.
src	Specifică adresa URL a imaginii folosită ca butonul de trimitere a formularului. Indicat doar pentru domeniu .
Etapa	Folosit pentru elementele care necesită introducerea unor valori numerice, indică valoarea cu care valorile sunt crescute sau scăzute în timpul procesului de ajustare a intervalului (pas).
tip	buton - creează un buton.
	casetă de selectare - transformă un câmp de introducere într-o casetă de selectare care poate fi bifată sau șters, de ex. eu am o mașină
	culoare - generează palete de culori în browserele compatibile, permițând utilizatorilor să selecteze valorile de culoare în format hexazecimal.
	data — vă permite să introduceți o dată în formatul zz.ll.aaaa. Zi de nastere:
	datetime-local - vă permite să introduceți o dată și o oră separate prin litere mari scrisoare engleză T conform modelului zz.mm.aaaa hh:mm. Ziua și ora de naștere:
	e-mail - browsere care acceptă acest atribut, se va aștepta ca utilizatorul să introducă date care se potrivesc cu sintaxa adreselor de e-mail. E-mail:
	fișier - vă permite să descărcați fișiere de pe computerul utilizatorului. Alege fișierul:
	ascuns - Ascunde controlul, care nu este afișat de browser și împiedică utilizatorul să modifice valorile implicite.
	imagine - creează un buton, permițându-vă să inserați o imagine în loc de text pe buton.
	luna - Permite utilizatorului să introducă numărul anului și al lunii folosind modelul aaaa-mm.
	număr - destinat introducerii valorilor întregi. A lui atribute min, max și step specifică limitele superioare, inferioare și respectiv pasul dintre valori. Aceste atribute sunt presupuse pentru toate elementele care au indicatori numerici. Valorile lor implicite depind de tipul elementului. Vă rugăm să indicați cantitatea (de la 1 la 5):
	parola - creează câmpuri de text în formular, în timp ce caracterele introduse de utilizator sunt înlocuite cu asteriscuri, marcatori sau altele, instalat de browser icoane. Introdu parola:
	radio - creează un comutator - un control sub forma unui cerc mic care poate fi pornit sau oprit. Vegetarian:
	interval - vă va permite să creați un element de interfață, cum ar fi un glisor, min / max - vă va permite să setați intervalul de selecție
	resetare - creează un buton care șterge câmpurile de formular de datele introduse de utilizator.
	căutare - denotă un câmp de căutare, în mod implicit câmpul de intrare are formă dreptunghiulară. Căutare:
	trimite - creează butonul standard, activat prin clic de mouse. Butonul colectează informații din formular și le trimite spre procesare.
	text - Creează câmpuri de text într-un formular, generând un câmp de text cu o singură linie pentru introducerea textului.
	timp - vă permite să introduceți ora în format de 24 de ore folosind modelul hh:mm. În browserele care acceptă, apare ca un control ca câmp numeric introducerea cu o valoare care poate fi modificată folosind mouse-ul și permite introducerea numai a valorilor de timp. Specificați ora:
	url—câmpul este destinat specificarii adreselor URL. Pagina principala:
	săptămână - Instrumentul indicator corespunzător permite utilizatorului să selecteze o săptămână din an, după care va oferi introducerea datelor în format nn-aaaa. În funcție de an, numărul de săptămâni poate fi 52 sau 53. Specificați săptămâna:
valoare	Determină textul care apare pe un buton, într-un câmp sau în textul asociat. Nu este specificat pentru câmpurile de tip fișier.
lăţime	Valoarea atributului conține numărul de pixeli. Vă permite să setați lățimea câmpurilor de formular.

4. Câmpuri de introducere a textului

Element ... folosit în loc de element atunci când trebuie să creați câmpuri de text mari. Textul afișat ca valoare originală este plasat în interiorul etichetei. Dimensiunile câmpului sunt stabilite folosind atributele cols - dimensiuni orizontale, rânduri - dimensiuni verticale. Înălțimea câmpului poate fi setată folosind proprietatea înălțime. Toate dimensiunile sunt calculate pe baza mărimii unui caracter dintr-un font monospațiu.

Tabelul 4. Atributele etichetei

<tr><th>Atribut</th>
<th>Sens/Descriere</th>
</tr><tr><td>autofocus</td>
<td>Setează automat focalizarea pe câmpul de text inițial dorit.</td>
</tr><tr><td>cols</td>
<td>Setează lățimea în funcție de numărul de caractere.  Dacă utilizatorul introduce mai mult text, apare o bară de defilare.</td>
</tr><tr><td>dezactivat</td>
<td>Dezactivează posibilitatea de a edita și copia conținutul câmpului.</td>
</tr><tr><td>formă</td>
<td>Valoarea atributului trebuie să fie egală cu valoarea atributului id al elementului <form>în același document.  Identifică unul sau mai multe formulare cărora le aparține acest câmp de text.</td>
</tr><tr><td>lungime maxima</td>
<td>Valoarea atributului specifică <a href="https://bumotors.ru/ro/maksimalnoe-chislo-uchastnikov-besedy-v-kontakte-beseda.html">număr maxim</a> caractere de introdus în câmp.</td>
</tr><tr><td>Nume</td>
<td>Specifică numele <a href="https://bumotors.ru/ro/redaktirovanie-tekstovogo-polya-v-word-vstavka-polya-so-spiskom-ili-raskryvayushchegosya-spiska-ispolzov.html">câmp de text</a>.
</td>
</tr><tr><td>substituent</td>
<td>Definește un scurt text prompt care descrie valoarea de intrare așteptată.</td>
</tr><tr><td>numai citire</td>
<td>Dezactivează posibilitatea de a edita conținutul câmpului.</td>
</tr><tr><td>necesar</td>
<td>Afișează un mesaj care indică faptul că acest câmp este obligatoriu.</td>
</tr><tr><td>rânduri</td>
<td>Specifică un număr care indică câte linii trebuie afișate în zona de text.</td>
</tr><tr><td>înfășura</td>
<td>Stabilește dacă textul trebuie să păstreze întreruperile de rând atunci când este trimis formularul.  Valoarea tare păstrează învelișul, dar valoarea moale nu.  Dacă se folosește hard, trebuie specificată valoarea atributului cols.</td>
</tr></table><h3>5. Listă derulantă</h3>
<p>Listele vă permit să aranjați <a href="https://bumotors.ru/ro/funkciya-sohraneniya-dokumenta-v-programme-1s-buhgalteriya.html">un numar mare de</a> punctează compact.  Listele derulante sunt create folosind elementul <select>...</select>.  Acestea vă permit să selectați una sau mai multe valori din setul propus.  În mod implicit, o casetă listă își afișează primul element.</p>
<p>Elementele sunt folosite pentru a adăuga elemente la listă <option>...</option>, care se află în interior <select> .</p>
<p>Pentru a sistematiza liste, utilizați elementul <optgroup>...</optgroup>, care creează anteturi în liste.</p>
<p>Pentru liste, puteți modifica dimensiunea fontului, tipul fontului, culoarea și alte proprietăți ale textului, precum și puteți adăuga chenare, culoare de fundal și imagine de fundal.</p>
<table class="t3">Tabelul 5. Atributele etichetei <select>
<tr><th>Atribut</th>
<th>Sens/Descriere</th>
</tr><tr><td>autofocus</td>
<td>Setează focalizarea automată pe un element atunci când pagina se încarcă.</td>
</tr><tr><td>dezactivat</td>
<td>Dezactivează lista derulantă.</td>
</tr><tr><td>formă</td>
<td>Definește forma căreia îi aparține <a href="https://bumotors.ru/ro/1s-spisok-informacionnyh-baz-pust-chto-delat-chto-takoe-spisok-baz-dannyh-i-gde-on.html">această listă</a>.  Valoarea atributului este identificatorul formularului.</td>
</tr><tr><td>multiplu</td>
<td>Vă permite să selectați unul sau mai multe elemente; pentru a face acest lucru, atunci când selectați, trebuie să apăsați și să țineți apăsat <a href="https://bumotors.ru/ro/deistvie-primenyaemoe-po-hokkeyu-ctrl-x-goryachie-klavishi-na-klaviature.html">Tasta Ctrl</a>.
</td>
</tr><tr><td>Nume</td>
<td>Definește un nume pentru lista verticală.  Valoarea atributului conține un nume care reflectă subiectul listei.</td>
</tr><tr><td>necesar</td>
<td>Afișează un mesaj care indică faptul că utilizatorul trebuie să selecteze o valoare din lista verticală înainte de a trimite formularul.</td>
</tr><tr><td>mărimea</td>
<td>Setează numărul de elemente din listă vizibile pe ecran în același timp.  Dacă numărul elementelor listei depăşeşte <a href="https://bumotors.ru/ro/programmy-uskoryayushchie-rabotu-android-uskorit-android-ogranicheniem.html">cantitate stabilită</a>, apare o bară de defilare.  Valoarea atributului este specificată ca un număr întreg pozitiv.</td>
</tr></table><h3>6. Etichete pentru câmpurile de formular</h3>
<p>Etichetele pentru elementele de formular sunt create folosind elementul <label>...</label>.  Există două moduri de a grupa etichetele și câmpurile.  Dacă câmpul se află în interiorul unui element <label>, atunci nu trebuie specificat atributul for.</p><p>
 
<label for="comments">Când ai zburat ultima dată într-un avion?</label>
<textarea id="comments">

Pisică

7. Butoane

Element creează butoane pe care se poate face clic. Spre deosebire de butoanele create ( , , , ), în interiorul elementului .

Butoanele permit utilizatorilor să trimită date într-un formular, să șterge conținutul formularului sau să întreprindă alte acțiuni. Puteți crea chenare, puteți schimba fundalul și puteți alinia textul pe un buton.

Tabelul 9. Atributele etichetei

Atribut	Sens/Descriere
autofocus	Setează focalizarea pe buton atunci când pagina se încarcă.
dezactivat	Dezactivează butonul, făcându-l de neclimat.
formă	Indică una sau mai multe forme cărora le aparține acest buton. Valoarea atributului este identificatorul formularului corespunzător.
formare	Valoarea atributului conține adresa URL a handler-ului de date din formular trimis atunci când se face clic pe butonul. Numai pentru tipul butonului = "submit" . Supliniază valoarea atributului de acțiune specificat pentru element .
formenctype	Setează tipul de codificare al datelor din formular înainte de a le trimite la server când se face clic pe butoane precum tip="trimitere". Supliniază valoarea atributului enctype specificat pentru element . Valori posibile: application/x-www-form-urlencoded este valoarea implicită. Toate caracterele vor fi codificate înainte de trimitere. multipart/form-data - caracterele nu sunt codificate. Folosit atunci când fișierele sunt încărcate folosind un formular. text/plain - caracterele nu sunt codificate, iar spațiile sunt înlocuite cu simbolul +.
formmetod	Atributul specifică metoda pe care browserul o va folosi pentru a trimite formularul. Supliniază valoarea atributului metodei specificat pentru element . Specificat numai pentru butoanele de tipul tip="submit". Valori posibile: get - datele din formular (perechea nume/valoare) sunt adăugate la url și trimise la server. Aceasta metoda are restricții privind dimensiunea datelor trimise și nu este potrivit pentru trimiterea de parole și informații confidențiale. post - datele din formular sunt adăugate ca cerere http. Metoda este mai fiabilă și mai sigură decât get și nu are restricții de dimensiune.
formnovalidate	Atributul specifică faptul că datele formularului nu trebuie validate la trimitere. Specificat numai pentru butoanele de tipul tip="submit".
formtarget	Atributul specifică în ce fereastră se va afișa rezultatul după trimiterea formularului. Specificat numai pentru butoanele de tipul tip="submit". Supliniază valoarea atributului țintă specificat pentru element . _blank - încarcă răspunsul într-o fereastră/filă nouă _self - încarcă răspunsul în aceeași fereastră (implicit) _parent - încarcă răspunsul în cadrul părinte _top - încarcă răspunsul pe ecran complet framename - încarcă răspunsul într-un cadru cu numele specificat.
Nume	Setează numele butonului, valoarea atributului este text. Folosit pentru a conecta la datele din formular după ce formularul a fost trimis sau pentru a conecta la un buton(e) dat(e) în JavaScript.
tip	Definește tipul de buton. Valori posibile: buton - buton pe care se poate face clic resetare - buton de resetare, revine sens original trimite - buton pentru trimiterea datelor formularului.
valoare	Setează valoarea implicită trimisă atunci când se face clic pe butonul.

8. Casete de selectare și butoane radio în formulare

Casetele de selectare din formulare sunt setate folosind constructul , iar comutatorul - folosind .

Casetele de selectare, spre deosebire de butoanele radio, pot fi setate la mai multe într-un singur formular. Dacă atributul bifat este specificat pentru casetele de selectare, atunci când pagina se încarcă, casetele de selectare din câmpurile de formular corespunzătoare vor fi deja selectate.

Element utilizat la implementarea selecției folosind butoanele radio și casetele de selectare. Poți alege elementul dorit, doar făcând clic pe textul asociat acestuia. Pentru a face acest lucru trebuie să plasați în interiorul elementului .

Etichetă este unul dintre elementele versatile ale formularului și vă permite să creați elemente diferite interfață și oferă interacțiunea utilizatorului. În principal conceput pentru crearea de câmpuri de text, diverse butoane, butoane radio și casete de selectare. Deși elementul nu este necesar să fie plasat în interiorul unui recipient , care definește formularul, dar dacă datele introduse de utilizator trebuie trimise către server, unde sunt procesate de un program CGI, atunci este necesar FORM. Același lucru este valabil și în cazul utilizării prelucrării datelor aplicații client, de exemplu, scripturi în JavaScript.

Parametrul principal al etichetei , care determină tipul elementului - tip. Vă permite să setați următoarele elemente formulare: câmp de text (text), câmp de parolă (parolă), buton radio (radio), casetă de selectare (căsuță de selectare), câmp ascuns (ascuns), buton (buton), buton pentru a trimite formularul (trimitere), buton pentru a șterge formularul (resetare), un câmp pentru trimiterea unui fișier (fișier) și un buton cu o imagine (imagine). Fiecare element are propria listă de parametri care îi determină aspectul și caracteristicile.

Sintaxă

Opțiuni

Descrierea parametrilor etichetei

parametru ALIGN

Determină modul de aliniere a câmpului de imagine în raport cu textul sau alte elemente de formular.

Sintaxă

Argumente

fund- Aliniați marginea de jos a imaginii cu textul din jur
stânga- Aliniază imaginea la marginea stângă a ferestrei
mijloc- Aliniază mijlocul imaginii la linia de bază a liniei curente.
dreapta- Aliniază imaginea la marginea dreaptă a ferestrei.
top- Marginea de sus a imaginii este aliniată la cel mai înalt element al liniei curente.

Valoarea implicită este de jos. Browserele suportă și argumente de jos, absmiddle, de bazăȘi texttop, care nu sunt incluse în specificația HTML 4.01.

parametrul ALT

Parametrul alt setează text alternativ pentru câmpul de imagine. Acest text vă permite să obțineți informații text despre desen când încărcarea imaginii este dezactivată în browser. Deoarece imaginile sunt încărcate după ce browserul primește informații despre ele, textul de înlocuire al imaginii apare mai devreme. Și pe măsură ce se încarcă, textul va fi înlocuit cu o imagine. Browserele afișează, de asemenea, text alternativ ca un sfat explicativ atunci când treceți mouse-ul peste o imagine.

Sintaxă

Valoarea poate fi orice potrivită șir de text. Trebuie să fie cuprins între ghilimele duble sau simple.

parametrul BORDER

Browserele procesează imaginile adăugate prin intermediul etichetei , similar cu imaginile create folosind eticheta . De asemenea, puteți adăuga un cadru în jurul imaginii, a cărui culoare se potrivește cu culoarea textului.

Sintaxă

Valoarea validă este orice număr întreg număr pozitivîn pixeli. Valoarea implicită este 0.

parametrul VERIFICAT

Acest parametru determină dacă un element de formular, cum ar fi o casetă de selectare sau un buton radio, este pre-bifat. În cazul utilizării butoanelor radio, poate fi bifat un singur element al grupului; pentru casete de selectare, este permisă marcarea a cel puțin tuturor elementelor.

Sintaxă

Parametru DISABLED

Blochează accesul și modificarea unui câmp de formular. În acest caz, este afișat gri și nu poate fi activat de către utilizator. În plus, un astfel de câmp nu poate obține focalizare apăsând tasta Tab, folosind mouse-ul sau în alt mod. Cu toate acestea, această stare de câmp poate fi modificată folosind scripturi.

Sintaxă

parametrul MAXLENGTH

Setează numărul maxim de caractere care pot fi introduse de utilizator într-un câmp de text. Când acest număr este atins în timpul tastării, introducerea ulterioară devine imposibilă.

Sintaxă

Parametrul NAME

Definește un nume unic pentru un element de formular. În mod obișnuit, acest nume este folosit atunci când trimiteți date către server sau pentru a accesa datele câmpului introduse prin scripturi.

Sintaxă

Numele este un set de caractere, inclusiv numere și litere. JavaScript este sensibil la majuscule și minuscule, așa că atunci când vă referiți la un element după nume, utilizați aceeași formă ca parametrul nume.

parametrul READONLY

Când să etichetezi parametrul numai citire este adăugat, câmpul de text nu poate fi modificat de către utilizator, inclusiv introducerea text nou sau modificați unul existent. În plus, un astfel de câmp nu poate obține focalizare apăsând tasta Tab, folosind mouse-ul sau în alt mod. Cu toate acestea, starea și conținutul câmpului pot fi modificate folosind scripturi.

Sintaxă

parametru SIZE

Lățimea câmpului de text, care este determinată de numărul de caractere dintr-un font monospațiu. Cu alte cuvinte, lățimea este determinată de numărul de litere adiacente de aceeași lățime orizontală. Dacă dimensiunea fontului este modificată folosind stiluri, lățimea se modifică în consecință.

Sintaxă

Valoarea validă este orice număr întreg pozitiv.

Parametrul SRC

Abordare fisier grafic, care va fi afișat pe pagina web în câmpul de imagine.

Sintaxă

Valoarea este considerată plină sau cale relativă la dosar.

parametrul TYPE

Parametrul de tip necesar spune browserului ce tip este elementul formularului.

Sintaxă

Argumente

buton- Buton.
Caseta de bifat- Steaguri. Vă permite să selectați mai mult de o opțiune dintre cele propuse.
fişier- Câmp pentru introducerea numelui fișierului care este trimis către server.
ascuns- Câmp ascuns. Nu este afișat în niciun fel pe pagina web.
imagine- Câmp cu o imagine. Când faceți clic pe imagine, datele formularului sunt trimise la server.
parola- Un câmp de text obișnuit, dar diferă de acesta prin faptul că toate caracterele sunt afișate ca asteriscuri. Conceput pentru a împiedica pe oricine să spioneze parola introdusă.
radio- Comutatoare. Sunt folosite atunci când trebuie să alegeți o opțiune dintre mai multe oferite.
resetare- Un buton pentru a readuce datele din formular la valoarea inițială.
Trimite- Un buton pentru a trimite datele formularului către server.
text- Câmp text. Proiectat pentru introducerea caracterelor folosind tastatura.

Valoarea implicită este text.

VALUE parametru

Definește valoarea elementului de formular care va fi trimisă către server sau primită folosind scripturi client. O pereche „nume=valoare” este trimisă la server, unde numele este specificat de parametrul nume al etichetei , iar valoarea este parametrul de valoare.

În funcție de tipul elementului, parametrul valoare joacă următorul rol:

pentru butoane (input type="button | reset | submit") setează o etichetă text pe ele;
pentru câmpurile de text (input type="parolă | text") specifică șirul introdus anterior. Utilizatorul poate șterge textul și introduce propriile caractere, dar atunci când este folosit în formularul butonul Reset, textul utilizatorului este șters și valoarea introdusă în parametrul valoare este restaurată;
pentru casetele de selectare și butoanele radio (input type="checkbox | radio") definește în mod unic fiecare element, astfel încât clientul sau program server ar putea determina clar ce element a selectat utilizatorul.

Ultima actualizare: 04/08/2016

Un câmp de text cu o singură linie este creat folosind elementul de intrare atunci când atributul său de tip este setat la text:

Puteți personaliza câmpul de text folosind o serie de atribute suplimentare:

dirname: stabilește direcția textului

lungime maximă: maxim cantitatea admisa caractere dintr-un câmp de text

model : definește modelul cu care ar trebui să se potrivească textul introdus

substituent : Setează textul care este afișat implicit în caseta de text

readonly : face câmpul de text doar în citire

obligatoriu : indică faptul că câmpul de text trebuie să aibă o valoare

dimensiune : setează lățimea câmpului de text în caractere vizibile

valoare : Setează valoarea implicită în câmpul de text

Să aplicăm câteva atribute:

Câmpuri de text în HTML5

În acest exemplu, a doua casetă de text stabilește imediat atributele maxlength și size. În acest caz, dimensiunea - adică numărul de caractere care se încadrează în spațiul vizibil al câmpului este mai mare decât numărul permis de caractere. Cu toate acestea, încă nu vom putea introduce mai multe caractere decât lungimea maximă.

În acest caz, este, de asemenea, important să se facă distincția între atributele de valoare și de substituent, deși ambele sunt setate text vizibilîn câmp. Totuși, substituentul setează un fel de indiciu sau prompt pentru introducere, deci este de obicei marcat gri. În timp ce valoarea reprezintă textul implicit introdus în câmp:

Atributele numai pentru citire și dezactivate fac câmpul de text inaccesibil, dar sunt însoțite de diferite efect vizual. În cazul dezactivarii, câmpul de text este gri:

Printre atributele unui câmp de text, ar trebui să remarcăm și un astfel de atribut ca list . Conține o referință la un element de listă de date, care definește un set de valori care apar ca un sfat explicativ atunci când sunt introduse într-un câmp de text. De exemplu:

Câmpuri de text în HTML5

Atributul listă al unui câmp text indică id-ul elementului datalist. Elementul datalist însuși definește elementele listei folosind elemente de opțiune imbricate. Și când tastați un câmp de text, această listă apare ca un sfat explicativ.

Câmp de căutare

Folosit pentru a crea câmpuri de căutare element de intrare cu atributul type="search". În mod formal, este un câmp text simplu:

Căutați în HTML5

Câmpul pentru parolă

Pentru a introduce o parolă, utilizați elementul de intrare cu atributul type="parola". A lui trăsătură distinctivă este că caracterele introduse sunt mascate cu puncte:

Setarea dimensiunii câmpului. Parametrii CSS de lățime și înălțime pentru setarea dimensiunilor elementelor paginii html

În acest articol

Rezultatul modificării dimensiunii câmpului

Redimensionarea unui câmp numeric

Redimensionarea unui câmp de text

Crearea unui formular HTML5

1. Element

2. Gruparea elementelor de formular

3. Creați câmpuri de formular

4. Câmpuri de introducere a textului

7. Butoane

8. Casete de selectare și butoane radio în formulare

Sintaxă

Opțiuni

Descrierea parametrilor etichetei

parametru ALIGN

Sintaxă

Argumente

parametrul ALT

Sintaxă

parametrul BORDER

Sintaxă

parametrul VERIFICAT

Sintaxă

Parametru DISABLED

Sintaxă

parametrul MAXLENGTH

Sintaxă

Parametrul NAME

Sintaxă

parametrul READONLY

Sintaxă

parametru SIZE

Sintaxă

Parametrul SRC

Sintaxă

parametrul TYPE

Sintaxă

Argumente

VALUE parametru

Câmp de căutare

Câmpul pentru parolă

Cele mai bune articole pe această temă