Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära HTML-Inputattribut för Utökad Funktionalitet | Tabeller och Formulär
HTML-Grunder

bookHTML-Inputattribut för Utökad Funktionalitet

Du känner redan till hur man använder input-fält och etiketter. Nu ska vi titta på de mest användbara attributen som gör inmatningsfält mer hjälpsamma och användarvänliga.

Vanliga input-attribut

Placeholder

Visar tips-text inuti fältet.

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

Namn

Identifierar fältet när formuläret skickas in.

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

Värde

Anger ett standardvärde i fältet.

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

Obligatorisk

Förhindrar att formuläret skickas om fältet är tomt.

<input type="password" required />

Inaktiverad

Gör fältet oredigerbart och icke-interaktivt.

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

Endast läsbar

Visar ett värde som användare kan kopiera men inte ändra.

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

Min och Max

Anger gränser för numeriska inmatningar.

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

index.html

copy

1. Vilket attribut ger en ledtråd eller exempeltext i ett inmatningsfält och vägleder användare om vilken typ av inmatning som förväntas?

2. Vilket attribut anger inmatningsfältets namn, vilket används för att identifiera inmatningsdata när formuläret skickas?

3. Vilket attribut förhindrar formulärinlämning om det obligatoriska fältet lämnas tomt?

question mark

Vilket attribut ger en ledtråd eller exempeltext i ett inmatningsfält och vägleder användare om vilken typ av inmatning som förväntas?

Select the correct answer

question mark

Vilket attribut anger inmatningsfältets namn, vilket används för att identifiera inmatningsdata när formuläret skickas?

Select the correct answer

question mark

Vilket attribut förhindrar formulärinlämning om det obligatoriska fältet lämnas tomt?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 8

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

Can you explain the difference between disabled and readonly attributes?

What happens if I use both min and max on a text input instead of a number input?

Can you show more examples of using the required attribute in forms?

bookHTML-Inputattribut för Utökad Funktionalitet

Svep för att visa menyn

Du känner redan till hur man använder input-fält och etiketter. Nu ska vi titta på de mest användbara attributen som gör inmatningsfält mer hjälpsamma och användarvänliga.

Vanliga input-attribut

Placeholder

Visar tips-text inuti fältet.

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

Namn

Identifierar fältet när formuläret skickas in.

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

Värde

Anger ett standardvärde i fältet.

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

Obligatorisk

Förhindrar att formuläret skickas om fältet är tomt.

<input type="password" required />

Inaktiverad

Gör fältet oredigerbart och icke-interaktivt.

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

Endast läsbar

Visar ett värde som användare kan kopiera men inte ändra.

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

Min och Max

Anger gränser för numeriska inmatningar.

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

index.html

copy

1. Vilket attribut ger en ledtråd eller exempeltext i ett inmatningsfält och vägleder användare om vilken typ av inmatning som förväntas?

2. Vilket attribut anger inmatningsfältets namn, vilket används för att identifiera inmatningsdata när formuläret skickas?

3. Vilket attribut förhindrar formulärinlämning om det obligatoriska fältet lämnas tomt?

question mark

Vilket attribut ger en ledtråd eller exempeltext i ett inmatningsfält och vägleder användare om vilken typ av inmatning som förväntas?

Select the correct answer

question mark

Vilket attribut anger inmatningsfältets namn, vilket används för att identifiera inmatningsdata när formuläret skickas?

Select the correct answer

question mark

Vilket attribut förhindrar formulärinlämning om det obligatoriska fältet lämnas tomt?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 8
some-alt