Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære HTML Input-Attributter for Udvidet Funktionalitet | Tabeller og Formularer
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML-Grundlæggende

bookHTML Input-Attributter for Udvidet Funktionalitet

Du kender allerede til brugen af inputfelter og labels. Lad os nu se på de mest anvendelige attributter, der gør inputfelter mere nyttige og brugervenlige.

Almindelige inputattributter

Placeholder

Viser hjælpetekst inde i feltet.

<input type="text" placeholder="Enter your email" />

Navn

Identificerer feltet, når formularen indsendes.

<input type="text" name="username" />

Værdi

Angiver en standardværdi i feltet.

<input type="tel" value="+1 (484) 298-9732" />

Påkrævet

Forhindrer indsendelse af formularen, hvis feltet er tomt.

<input type="password" required />

Deaktiveret

Gør feltet uredigerbart og ikke-interaktivt.

<input type="text" value="New York" disabled />

Kun læsning

Viser en værdi, som brugere kan kopiere, men ikke ændre.

<input type="text" value="USA" readonly />

Min og Maks

Angiv grænser for numeriske input.

<input type="number" min="21" max="99" />
index.html

index.html

copy

1. Hvilket attribut giver et hint eller eksempeltekst i et inputfelt, der vejleder brugeren om, hvilken type input der forventes?

2. Hvilket attribut angiver inputfeltets navn, som bruges til at identificere inputdata, når formularen indsendes?

3. Hvilket attribut forhindrer formularindsendelse, hvis det påkrævede felt er tomt?

question mark

Hvilket attribut giver et hint eller eksempeltekst i et inputfelt, der vejleder brugeren om, hvilken type input der forventes?

Select the correct answer

question mark

Hvilket attribut angiver inputfeltets navn, som bruges til at identificere inputdata, når formularen indsendes?

Select the correct answer

question mark

Hvilket attribut forhindrer formularindsendelse, hvis det påkrævede felt er tomt?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 8

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

bookHTML Input-Attributter for Udvidet Funktionalitet

Stryg for at vise menuen

Du kender allerede til brugen af inputfelter og labels. Lad os nu se på de mest anvendelige attributter, der gør inputfelter mere nyttige og brugervenlige.

Almindelige inputattributter

Placeholder

Viser hjælpetekst inde i feltet.

<input type="text" placeholder="Enter your email" />

Navn

Identificerer feltet, når formularen indsendes.

<input type="text" name="username" />

Værdi

Angiver en standardværdi i feltet.

<input type="tel" value="+1 (484) 298-9732" />

Påkrævet

Forhindrer indsendelse af formularen, hvis feltet er tomt.

<input type="password" required />

Deaktiveret

Gør feltet uredigerbart og ikke-interaktivt.

<input type="text" value="New York" disabled />

Kun læsning

Viser en værdi, som brugere kan kopiere, men ikke ændre.

<input type="text" value="USA" readonly />

Min og Maks

Angiv grænser for numeriske input.

<input type="number" min="21" max="99" />
index.html

index.html

copy

1. Hvilket attribut giver et hint eller eksempeltekst i et inputfelt, der vejleder brugeren om, hvilken type input der forventes?

2. Hvilket attribut angiver inputfeltets navn, som bruges til at identificere inputdata, når formularen indsendes?

3. Hvilket attribut forhindrer formularindsendelse, hvis det påkrævede felt er tomt?

question mark

Hvilket attribut giver et hint eller eksempeltekst i et inputfelt, der vejleder brugeren om, hvilken type input der forventes?

Select the correct answer

question mark

Hvilket attribut angiver inputfeltets navn, som bruges til at identificere inputdata, når formularen indsendes?

Select the correct answer

question mark

Hvilket attribut forhindrer formularindsendelse, hvis det påkrævede felt er tomt?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 8
some-alt