Förbättra Formulär med Inmatningsattribut
HTML-<input>-element kan anpassas med attribut som ändrar deras beteende. Nedan följer några av de mest använda attributen.
value
Anger det initiala värdet för ett inputfält.
- För knappar: definierar knappens text;
- För text-/lösenordsfält: anger standardtexten;
- För kryssrutor/radioknappar: anger värdet som skickas när det är valt.
value kan inte användas med type="file".
index.html
autofocus
Fokuserar automatiskt på ett inmatningsfält när sidan laddas.
Det fungerar inte i exemplet nedan eftersom sidan inte laddas om när du trycker på Kör kod.
index.html
required
Gör ett inmatningsfält obligatoriskt. Formuläret kan inte skickas in förrän fältet är ifyllt.
index.html
placeholder
Visar hjälpinformation i inmatningsfältet tills användaren skriver något. Användbart för format som telefonnummer eller kortuppgifter.
index.html
Varje exempel använder olika type-attribut, vilket påverkar hur inmatningsfältet beter sig. Du kommer att utforska inmatningstyper i nästa kapitel.
1. Vilket attribut används för att ange standardvärdet för ett input-element?
2. Vilket attribut används för att ange en ledtråd eller ett exempel på det förväntade värdet för ett input-element?
3. Vilket attribut används för att ange att ett inmatningsfält måste fyllas i innan formuläret skickas?
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Fantastiskt!
Completion betyg förbättrat till 2.38Förbättra Formulär med Inmatningsattribut
Svep för att visa menyn
HTML-<input>-element kan anpassas med attribut som ändrar deras beteende. Nedan följer några av de mest använda attributen.
value
Anger det initiala värdet för ett inputfält.
- För knappar: definierar knappens text;
- För text-/lösenordsfält: anger standardtexten;
- För kryssrutor/radioknappar: anger värdet som skickas när det är valt.
value kan inte användas med type="file".
index.html
autofocus
Fokuserar automatiskt på ett inmatningsfält när sidan laddas.
Det fungerar inte i exemplet nedan eftersom sidan inte laddas om när du trycker på Kör kod.
index.html
required
Gör ett inmatningsfält obligatoriskt. Formuläret kan inte skickas in förrän fältet är ifyllt.
index.html
placeholder
Visar hjälpinformation i inmatningsfältet tills användaren skriver något. Användbart för format som telefonnummer eller kortuppgifter.
index.html
Varje exempel använder olika type-attribut, vilket påverkar hur inmatningsfältet beter sig. Du kommer att utforska inmatningstyper i nästa kapitel.
1. Vilket attribut används för att ange standardvärdet för ett input-element?
2. Vilket attribut används för att ange en ledtråd eller ett exempel på det förväntade värdet för ett input-element?
3. Vilket attribut används för att ange att ett inmatningsfält måste fyllas i innan formuläret skickas?
Tack för dina kommentarer!
