Wie verwende ich erweiterte HTML-Formularattribute am besten?



In diesem Artikel werden einige der erweiterten HTML-Formularattribute vorgestellt und eine praktische Demonstration durchgeführt.

ist offensichtlich das erste, was einem nach dem Hören des Begriffs www in den Sinn kommt. Grundsätzlich ist es die Sache hinter jeder Website, die Sie heute besuchen. In diesem Artikel werden einige erweiterte HTML-Formularattribute erläutert.

Die folgenden Hinweise werden in diesem Artikel behandelt:





Beginnen wir also mit diesem Artikel.

Erweiterte HTML-Formularattribute

HTML allein kann einigen der beliebtesten Designs, die wir heute sehen, nicht gerecht werden. Es erfordert Hilfe und das wird von bereitgestellt CSS oder Cascading Style Sheet . HTML und CSS können zusammen verwendet werden, um einige attraktive Webseiten zu erstellen.



Fahren Sie mit diesem Artikel über erweiterte HTML-Formularattribute fort

Tags & Attribute in HTML

Beides sind die Grundlagen des HTML-Codes und beide arbeiten zusammen, führen jedoch unterschiedliche Funktionen aus.

Stichworte: Tags werden verwendet, um den Anfang des HTML-Elements zu markieren, und werden von eckigen Klammern eingeschlossen.



Beispiel:

SQL und PL SQL Tutorial

Das obige Tag ist das Überschriften-Tag in HTML.

Attribute: Dies sind die zusätzlichen Informationen zu den Tags, die im Tag angegeben sind.



Beispiel:

 ”My

Das obige Tag ist ein Bild-Tag und alt ist das Attribut für das Tag und liefert die Beschreibung für das Bild hello_world.jpg

Da wir die Grundlagen besprochen haben, die wir brauchten, können wir jetzt mit dem Motiv dieses Artikels fortfahren, bei dem es sich um einige erweiterte HTML- und CSS-Tags handelt.

Fahren Sie mit diesem Artikel über erweiterte HTML-Formularattribute fort

Max, Maxlength und Min Attribute

Dies sind insbesondere die Attribute des Eingabe-Tags, d.h. Das Eingabe-Tag wird im Wesentlichen innerhalb des Tags verwendet, um die verschiedenen Arten von Eingaben des Benutzers wie Text, Nummer, Optionsfeld, Datum, Kontrollkästchen, Uhrzeit, Kennwort usw. zu akzeptieren.

Max

Dieses Attribut gibt den Maximalwert für eine bestimmte Eingabe an. Wenn der Benutzer versucht, mehr als den Maximalwert einzugeben, werden die Zeichen oder Werte anschließend nicht akzeptiert.

Hinweis:

Das Max-Attribut wurde mit HTML 5 eingeführt.

Beispiel:

Anzahl der Studenten:

GitHub Gist Link:

Der Wert der Schüler kann nicht über 50 erhöht werden.

Ausgabe - Erweiterte HTML-Formularattribute - Edureka

Hinweis: Die Attributaktion des Tags gibt an, wohin die eingegebenen Daten für den weiteren Prozess gesendet werden sollen. In diesem Fall handelt es sich bei submit_detail.php um eine PHP-Datei.

Die Anzahl der Schüler ist das Detail, das in das Textfeld eingegeben werden soll.

Das max-Attribut im ersten Tag gibt den maximalen numerischen Wert an, der in das Textfeld eingegeben werden kann. Werte über 50 werden nicht akzeptiert. Dies ist das Hauptmotiv des max-Attributs.

Das Max-Tag kann auch verwendet werden, um das maximale Datum zu definieren, das vom Benutzer in das Eingabefeld eingegeben werden kann.

Beispiel:

Geben Sie Ihr Geburtsdatum im Format JJJJ-MM-TT ein: 
Max DOB: 2000-03-31

GitHub Gist Link:

Wir haben 31 verwendetstMärz 2000 als maximales Datum und die Option Kalender ist nur bis zu diesem Datum beschränkt.

In dieses Eingabefeld kann der Benutzer das Datum, das nach dem angegebenen Datum liegt, nicht in das Attribut max eingeben.

Fahren Sie mit diesem Artikel über erweiterte HTML-Formularattribute fort

Maximale Länge

Wie der Name schon sagt, gibt dieses Attribut die maximale Länge der Zeichen an, die der Benutzer in ein Eingabefeld eingeben kann. Die Attributwerte sind Zahlen.

Beispiel:

Geben Sie Ihren Benutzernamen ein:

GitHub Gist Link:

Das Eingabefeld ist auf 15 Zeichen begrenzt, daher ist die Eingabe nur auf 15 Zeichen beschränkt.

Dieses Attribut für die maximale Länge im Tag würde den Benutzer darauf beschränken, eine Eingabe zu geben, die strengstens nicht größer als der angegebene Wert von 15 ist.

Hinweis Der Standardwert des Attributs maxlength ist 524288.

Fahren Sie mit diesem Artikel über erweiterte HTML-Formularattribute fort

Mindest

Das Attribut min gibt den Mindestwert für den Wert an, der in das Eingabefeld eingegeben werden soll.

Beispiel:

Geben Sie das Alter ein:

GitHub Gist Link:

Das Attribut min im Eingabe-Tag definiert, dass das Eingabealter nicht unter 18 Jahren liegen darf.

Trinkgeld: Sie können sowohl das Min- als auch das Max-Attribut mit einer Eingabe verwenden, um der Eingabe einen zulässigen oder akzeptablen Bereich bereitzustellen.

Beispiel:

Geben Sie das Alter ein:

GitHub Gist Link:

Damit kommen wir zum Ende dieses Artikels über erweiterte HTML-Formularattribute.

Jetzt kann der Bereich der Eingabe im Feld nicht kleiner als 18 und gleichzeitig größer als 50 sein.Die Attribute max und min können mit verschiedenen Eingabetypen wie Anzahl, Bereich, Datum, Datum / Uhrzeit, Datum / Uhrzeit-Lokal, Monat, Uhrzeit und Woche verwendet werden.

Nachdem Sie nun wissen, was HTML ist, lesen Sie die von Edureka. Mithilfe der Schulung zur Webentwicklungszertifizierung erfahren Sie, wie Sie mit HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- und Google-APIs beeindruckende Websites erstellen und für Amazon Simple Storage Service (S3) bereitstellen.

Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich des Artikels und wir werden uns bei Ihnen melden.