I allmänhet är ett sökfält består av tre huvudkomponenter : formen container , inmatningsfältet och sökknappen . Sökfält motiv kan variera , men om det görs rätt , kommer ett sökfält skapas i Adobe PhotoShop har alla dessa element på ett separat lager , så att du enkelt skilja dem för kodning . Du kommer att behöva bestämma vilka element som du kan återskapa använda CSS-format och som du måste exportera som separata bildfiler innan du kan börja koda baren . Typiska bildelement är inmatningsfältet bakgrunden och sökknappen . Också uppmärksamma effekter, såsom skuggor och gränser , eftersom du kommer att behöva dessa inställningar för att skapa CSS- stilar som matchar designen . Instruktioner 1
Bestäm hur du vill sökfältet för att fungera . Det finns värderingar för sökskript och kodsträngar finns på Internet med hjälp av en mängd olika språk , inklusive JavaScript , jQuery , PHP och vanlig HTML . Du kan använda någon av dessa , men kan finna skapa sökfältet först i vanlig HTML med stilar som matchar din bild och sedan anpassa den till ett manus är lättare än att försöka utforma en premade skript för att matcha din image .
2
starta din favorit text eller HTML-editor och börja med att lägga till en öppning " formulär " taggen :
