0151 formulär - del 2

Gör ett formulär med flera komponenter, så kallade widgets.

Läs mer på sidan 227 i läroboken.

Använd fieldset och legend i formuläret, se sidan 229 i läroboken.

Använd flera olika sorters widgets. Experimentera. Använd fler för högre betyg.

Exempel på hur olika widgets kan användas finns på GitHub.

Submit måste användas.

Använd etiketter (label) där det är tänkt att de ska användas. Etiketter utökar den klickbara ytan, se exempel i JSFiddle

Observera att type="datetime" har ändrats till "datetime-local".

Pröva även type="tel" för inmating av telefonnummer och type="color" för inmatning av färgkod via palett.

Välj gärna ett tema för ditt formulär. Du kan också göra många formulär, men bara ett per sida.

Se till att din sida validerar. Använd W3C:s HTML-validator och W3C:s CSS-validator

Mer att läsa

HTML forms guide, Mozilla Developer Network Länkar till flera läsvärda artiklar finns på sidan. På dessa sidor finns det många exempel att studera.

Hur ser formulärelementen ut i din webbläsare? Opera har kommit långt i att implementera stöd för HTML5-formulärelement.