fără a face distincție între sintaxă vechi și nou, să examineze abordarea generală la crearea unui formular pentru pagina dvs. Web utilizând HTML5. Aici unele măsuri recomandate pentru a începe:
- Stabilirea unui bloc formular folosind < forma > Tag-uri
- desemneze un bloc de câmpuri în forma folosind. < > FIELDSET Tag-uri
- Așezați în fiecare domeniu în setul domeniul folosind. < > etichetă tag-uri. Utilizați " pentru " atribut pentru fiecare etichetă, așa cum v-ar atributul id pentru a identifica eticheta pentru a fi utilizate în alte porțiuni de cod dumneavoastră. Exemplu: < label pentru = " nume " > < /etichetă >
- În fiecare etichetă etichete, adăugați numele câmpului, după cum doriți afișat plus < input /> tag pentru domeniul în sine
- Utilizați atributul type în tag-ul de intrare (< input type = " " >). care solicită browser pentru a valida intrarea utilizatorului pe baza acestui tip. Aceasta elimină necesitatea pentru codul suplimentar să se ocupe de validare și cere re-intrare. HTML5 include următoarele tipuri de intrare: data, ora, datetime, datetime-locale, lună, săptămână, numărul, e-mail, tel, url, gama, de culoare și de căutare. Puteți utiliza, de asemenea atributul model cu o expresie regulată pentru a crea un model de validare personalizat.
- Indicați câmpuri obligatorii prin adăugarea atributul necesar pentru un element de intrare.
- Utilizați atributul autofocus pentru a seta un anumit element de intrare ca prim element în formă. Aceasta este în cazul în care un browser Web va plasa automat cursorul utilizatorului după încărcarea forma.
- Utilizați atributul înlocuitor, dacă se dorește să adaugi indicii de text despre ceea ce de a intra într-un anumit domeniu.
- Set CSS stiluri pentru ": " necesare și ": invalid " astfel încât utilizatorul are un sfat vizual lipsei de informații sau de intrare care nu va valida pentru un tip de intrare dat. Site-ul
Verificați u
