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.