Alternativ för textinmatning för HTML-formulär

• April 20, 2024

I artikeln "Delar av en webbplatsformulär" diskuterade vi kort de inmatningsalternativ som är tillgängliga för formulärdesigners. Nu är det dags att titta närmare på några av dessa alternativ. Här är specifikt tre fält som låter dig fånga och lagra textinformation som du har angett av dina besökare.

Textfält
Textfältet är ett av de vanligaste formulärfälten. Det används för att fånga korta textsvar som besökarens namn. Du kan använda "size =" för att ändra textfältets storlek; "maxlength =" för att begränsa antalet tecken som besökaren kan ange, till exempel med ett telefonnummer eller postnummerfält; och du kan också ställa in ett initialvärde med "value =".

Ett textfält som är kodat så här:



... skulle se ut så här på din webbplats:



Textområde
Textområden används mindre ofta än textfält; de används för att fånga in större block med inmatning, så du kan till exempel lägga till en i din form som ett kommentarfält. Som med textfältet kan du ange fältets storlek; "rader =" ställer in textområdets bredd, medan "cols =" anger sin höjd. Textområden har också ett alternativ för ordbrytning. Om du ställer in den till "wrap = off" behandlas den inmatade texten som en lång rad; "wrap = virtual" betyder att texten verkar slås in i formuläret men själva informationen skickas till servern utan linebreaks, medan "wrap = fysisk" får formen att lägga till faktiska linebreaks till fältet och skicka den till servern med pauserna ingår.

Ett textområde kodat så här:

Du kan experimentera genom att skriva lite text i den här rutan.

... skulle se ut så här:

-TEXTAREA- rows = "6" cols = "40" wrap = "virtual"> Du kan experimentera genom att skriva lite text i den här rutan.-TEXTAREA->

Lösenordsfält

Lösenordsfältet liknar textfältet, men allt som besökaren anger i fältet döljs - allt som besökaren ser är en sträng med prickar. Detta kan vara extremt lugnande för en besökare, eftersom alla som råkar gå bakom dem när de skriver in sin information inte kommer att kunna hämta användarens lösenord på en överblick. Kom ihåg att data som anges i ett lösenordsfält faktiskt inte är krypterade - om du vill lägga till säkerhet till din användares information måste du göra något annat sätt, vanligtvis genom att sätta upp en säker webbplats.

Lösenordsfältets attribut är identiska med ett textfält.

Ett lösenordsfält kodat så här:



... skulle se ut så här:

Video Instruktioner: Homeopathy Explained – Gentle Healing or Reckless Fraud? (April 2024).