Com es pot utilitzar millor els atributs de formulari HTML avançats?



Aquest article us presentarà alguns dels atributs de formulari HTML avançats i, en procés, també farà una demostració pràctica.

òbviament, és el primer que ens passa pel cap després d’escoltar el terme www. Bàsicament, és el que hi ha darrere de tots els llocs web que visiteu avui. En aquest article explorarem alguns atributs de formulari HTML avançats.

Les següents indicacions es tractaran en aquest article,





Comencem, doncs, amb aquest article,

Atributs de formulari HTML avançats

HTML només no pot fer justícia amb alguns dels dissenys més estimats que veiem avui. Requereix ajuda i això és proporcionat per CSS o bé Full d'estil en cascada . HTML i CSS es poden utilitzar junts per crear algunes pàgines web atractives.



Continuem amb aquest article sobre atributs de formulari HTML avançats

Etiquetes i atributs en HTML

Tots dos són els conceptes bàsics de l’HTML i funcionen junts, però realitzen diferents funcions.

Etiquetes: Les etiquetes s’utilitzen per marcar l’inici de l’element HTML i estan incloses entre claudàtors angulars.



Exemple:

creeu un paràmetre al quadre

L'etiqueta anterior és l'etiqueta d'encapçalament en HTML.

Atributs: són la informació addicional sobre les etiquetes que s’especifica dins de l’etiqueta.



Exemple:

 ”My

L'etiqueta anterior és una etiqueta d'imatge i alt és l'atribut de l'etiqueta i proporciona la descripció de la imatge hello_world.jpg

Com hem comentat els conceptes bàsics que necessitàvem, ara podem avançar més amb el motiu d’aquest article, que són algunes etiquetes HTML i CSS avançades.

Continuem amb aquest article sobre atributs de formulari HTML avançats

Atributs màx., Màx. I màx

Aquests són sobretot els atributs de l’etiqueta d’entrada, és a dir. L’etiqueta d’entrada s’utilitza bàsicament dins de l’etiqueta per acceptar els diferents tipus d’entrades de l’usuari, com ara text, número, botó d’opció, dates, casella de selecció, hora, contrasenya, etc.

Màx

Aquest atribut especifica el valor màxim per a qualsevol entrada especificada. Si l'usuari intenta introduir més del valor màxim, no acceptarà els caràcters ni els valors després.

Nota:

L'atribut màxim s'ha introduït amb HTML 5.

Exemple:

Nombre d'estudiants:

Enllaç GitHub Gist:

El valor dels estudiants no es pot augmentar més enllà dels 50.

Sortida - Atributs avançats del formulari HTML - Edureka

Nota: L'acció d'atribut de l'etiqueta especifica on s'enviaran les dades introduïdes per al procés posterior. En aquest cas, és submit_detail.php que és un fitxer PHP.

El nombre d'estudiants és el detall que cal introduir al quadre de text.

L'atribut max de la primera etiqueta indica el valor numèric màxim que es pot introduir al quadre de text, és a dir, no s'acceptarien valors superiors a 50, que és el motiu principal de l'atribut max.

L'etiqueta màxima també es pot utilitzar per definir la data màxima que l'usuari pot introduir al camp d'entrada.

Exemple:

Introduïu la data de naixement en format AAAA-MM-DD: 
Màxim Data de naixement: 31-03-2002

Enllaç GitHub Gist:

N'hem utilitzat 31cEl març del 2000 com a data màxima i l'opció és calendari es restringeix només a aquesta data.

En aquest camp d'entrada, l'usuari no podrà introduir la data posterior a la data especificada a l'atribut max.

Continuem amb aquest article sobre atributs de formulari HTML avançats

Longitud màxima

Com el seu nom indica, aquest atribut especifica la longitud màxima dels caràcters que l'usuari pot introduir en un camp d'entrada. Els valors dels atributs són nombres.

Exemple:

Introdueix el teu nom d'usuari:

Enllaç GitHub Gist:

El límit del camp d'entrada és de 15 caràcters, de manera que l'entrada només es restringeix a 15 caràcters.

Aquest atribut de longitud màxima de l'etiqueta restringiria l'usuari a donar una entrada que no sigui estrictament superior al valor especificat que és 15.

Nota El valor per defecte de l'atribut maxlength és 524288.

Continuem amb aquest article sobre atributs de formulari HTML avançats

Mín

L'atribut min especifica el valor mínim per al valor que cal introduir al camp d'entrada.

Exemple:

Introduïu l'edat:

Enllaç GitHub Gist:

L'atribut min de l'etiqueta d'entrada defineix que l'edat d'entrada no pot ser inferior a 18.

Consell: Podeu utilitzar l'atribut mínim i màxim amb una entrada per proporcionar a l'entrada un interval legal o un interval acceptable.

Exemple:

Introduïu l'edat:

Enllaç GitHub Gist:

Amb això, arribem al final d’aquest article sobre els atributs de formulari HTML avançats.

Ara, l'abast de l'entrada al camp no pot ser inferior a 18 ni superior a 50 alhora.Els atributs màx i mínim es poden utilitzar amb diversos tipus d'entrada, com ara el número, l'interval, la data, la data-hora, la data-local, el mes, l'hora i la setmana.

Ara que ja sabeu què és HTML, consulteu el fitxer per Edureka. La formació en certificació per al desenvolupament web us ajudarà a aprendre a crear llocs web impressionants mitjançant HTML5, CSS3, Twitter Bootstrap 3, jQuery i API de Google i implementar-lo a Amazon Simple Storage Service (S3).

Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris de l’article i us respondrem.