is natuurlijk het eerste dat in je opkomt na het beluisteren van de term www. Kortom, het is het ding achter elke website die u vandaag bezoekt. In dit artikel zullen we enkele geavanceerde HTML-formulierattributen onderzoeken.
De volgende tips komen in dit artikel aan bod:
Dus laten we aan de slag gaan met dit artikel,
Geavanceerde HTML-formulierkenmerken
HTML alleen kan geen recht doen aan enkele van de meest geliefde ontwerpen die we tegenwoordig zien. Het heeft hulp nodig en die wordt verzorgd door CSS of Cascading Style Sheet . HTML en CSS kunnen samen worden gebruikt om aantrekkelijke webpagina's te maken.
Verderop met dit artikel over geavanceerde HTML-formulierattributen
Tags en attributen in HTML
Dit zijn allebei de basisprincipes van de HTML en ze werken allebei samen, maar voeren verschillende functies uit.
Trefwoorden: Tags worden gebruikt om het begin van het HTML-element te markeren en worden omsloten door de hoekige haken.
Voorbeeld:
statisch blokvoorbeeld in java
De bovenstaande tag is de koptag in HTML.
Attributen: Dit zijn de aanvullende informatie over de tags en worden gespecificeerd binnen de tag.
Voorbeeld:
De bovenstaande tag is een afbeeldingstag en alt is het attribuut voor de tag en geeft de beschrijving voor de afbeelding hello_world.jpg
Omdat we de basis hebben besproken die we nodig hadden, kunnen we nu verder gaan met het motief van dit artikel, namelijk enkele geavanceerde HTML- en CSS-tags.
Verderop met dit artikel over geavanceerde HTML-formulierattributen
Max, Maxlength en Min attributen
Dit zijn met name de attributen van de invoertag, d.w.z. De invoertag wordt in principe gebruikt in de tag om de verschillende soorten invoer van de gebruiker te accepteren, zoals tekst, nummer, keuzerondje, datums, selectievakje, tijd, wachtwoord enz.
Max. Hoogte
Dit kenmerk specificeert de maximale waarde voor elke opgegeven invoer. Als de gebruiker probeert meer dan de maximale waarde in te voeren, accepteert hij de tekens of waarden achteraf niet.
Opmerking:
Max-attribuut is geïntroduceerd met HTML 5.
Voorbeeld:
Aantal leerlingen:
GitHub Gist-link:
De waarde van de studenten kan niet hoger worden dan 50.
Opmerking: De attribuutactie van de tag specificeert waar de ingevoerde gegevens naartoe worden gestuurd voor het verdere proces. In dit geval is het submit_detail.php, wat een PHP-bestand is.
Aantal studenten is het detail dat in het tekstvak moet worden ingevoerd.
Het max-attribuut in de eerste tag geeft de maximale numerieke waarde aan die in het tekstvak kan worden ingevoerd, dat wil zeggen dat waarden van meer dan 50 niet worden geaccepteerd, wat het belangrijkste motief is van het max-attribuut.
Max-tag kan ook worden gebruikt om de maximale datum te definiëren die door de gebruiker in het invoerveld kan worden ingevoerd.
Voorbeeld:
Voer je geboortedatum in in de notatie JJJJ-MM-DD:
Max DOB: 2000-03-31
GitHub Gist-link:
We hebben er 31 gebruiktstMaart 2000 als maximale datum en de optie kalender is beperkt tot alleen die datum.
In dit invoerveld zou de gebruiker de datum die na de opgegeven datum in het max-attribuut ligt niet kunnen invoeren.
Verderop met dit artikel over geavanceerde HTML-formulierattributen
Maximale lengte
Zoals de naam suggereert, specificeert dit attribuut de maximale lengte van de tekens die door de gebruiker in een invoerveld kunnen worden ingevoerd. De attribuutwaarden zijn getallen.
Voorbeeld:
Typ je gebruikersnaam:
GitHub Gist-link:
De limiet van het invoerveld is 15 tekens, dus de invoer is beperkt tot 15 tekens.
Dit maxlength-attribuut in de tag zou de gebruiker beperken om een invoer te geven die strikt genomen niet groter is dan de gespecificeerde waarde, namelijk 15.
Opmerking De standaardwaarde van het kenmerk maxlength is 524288.
Verderop met dit artikel over geavanceerde HTML-formulierattributen
Min
Het min-attribuut specificeert de minimumwaarde voor de waarde die in het invoerveld moet worden ingevoerd.
Voorbeeld:
Voer de leeftijd in:
GitHub Gist-link:
Het min-attribuut in de input-tag definieert dat de input-leeftijd niet minder dan 18 mag zijn.
Tip: U kunt zowel het min- als het max-attribuut gebruiken met een invoer om de invoer een wettelijk bereik of acceptabel bereik te geven.
Voorbeeld:
Voer de leeftijd in:
GitHub Gist-link:
Hiermee komen we aan het einde van dit artikel over geavanceerde HTML-formulierattributen.
Nu kan het bereik van de invoer in het veld niet kleiner zijn dan 18 en tegelijkertijd groter dan 50.De max- en min-attributen kunnen worden gebruikt met verschillende invoertypen zoals getal, bereik, datum, datetime, datetime -local, maand, tijd en week.
Nu u weet wat HTML is, kunt u het door Edureka. Web Development Certification Training helpt u te leren hoe u indrukwekkende websites kunt maken met HTML5, CSS3, Twitter Bootstrap 3, jQuery en Google API's en deze kunt implementeren op Amazon Simple Storage Service (S3).
Heeft u een vraag voor ons? Vermeld het in het opmerkingengedeelte van het artikel en we nemen contact met u op.