Hyper Text Markup Language (HTML)-formulärinmatning är ett sätt att få information manuellt in på en webbsida. Om en webbdesigner vill ge användaren möjlighet att ange information måste han använda ett HTML-formulär för att göra det. Det finns flera olika HTML-formulärinmatningskontroller som kan placeras på webbsidor, av vilka några är textfält, alternativknappar, kryssrutor och skickaknappar. När du skapar en webbsida kan vissa sätt att lägga ut dessa HTML-formulärinmatningskomponenter i hög grad hjälpa en användare att förstå vad sidan gör, även om de inte uttryckligen genomdrivs av själva koden.
När du skapar ett HTML-textfält eller en grupp av textfält, gör korrekt avstånd och etiketter användarens förståelse mycket enklare. Textfälten innehåller inte själva etiketter, så de måste justeras med en separat etikett. Om en etikett läggs till i ett textfält kan den placeras var som helst runt textfältet. De flesta användare förväntar sig att se den här etiketten bredvid eller ovanför dess associerade textfält, utan för mycket utrymme mellan etiketten och fältet. Ur en utvecklares synvinkel kan användning av etikettens text som det interna namnet på textfältet hjälpa till med framtida underhåll av formuläret.
Att följa liknande metoder för både alternativknappar och kryssrutor kan också hjälpa användaren att förstå. Både alternativknappar och kryssrutor måste ha separata etiketter, precis som textfält. Vanligtvis finns de i grupper, även om de inte behöver vara det. I allmänhet är det enklast för användare att förstå att välja alternativknappar och kryssrutor i separata grupper, snarare än att blanda alternativknappar och kryssrutor i samma grupp. I dessa grupper, om en av rutorna eller knapparna är markerad, kan användarna identifiera valet genom att placera det valda objektet som det första elementet i gruppen.
Skicka-knappar skickar all information som finns i inmatningskontrollerna från webbsidan till servern för bearbetning. Vanligtvis är de hårdkodade för att säga ”skicka”, även om denna text kan ändras av en utvecklare. Användare förväntar sig att se dessa knappar längst ner i ett formulär för det mesta, även om de ibland finns överst i ett formulär istället. Att placera knappen längst ner på ett formulär och styla den så att den syns tydligt räcker vanligtvis för att hjälpa en användare att se den.
En sida som innehåller HTML-formulärinmatning är vanligtvis avsedd att innehålla ett enda formulär med en enda möjlighet att skicka in dess data. HTML tillåter inte att formulär placeras inuti varandra, och samma HTML-formulärinmatningskontroller kan inte användas i flera formulär. Om flera inlämningar är nödvändiga förväntar sig användare normalt flera formulär och flera partier av HTML-formulärinmatning. En skicklig utvecklare kan knyta ihop dessa formulär sömlöst.