Plassere søk knappen på toppen av et inntastingsfelt

En nettside søkefeltet generelt har to komponenter: inntastingsfeltet og søkeknappen. Mesteparten av koden for begge disse er kontrollert i nettstedets CSS-kode, men oppsettet er i HTML. Hvis du ønsker å sette søkeknappen ovenfor inntastingsfeltet, i stedet for ved siden av det (der det vanligvis ville være), er alt du trenger å gjøre endre HTML litt. Dette vil endre posisjoneringen uten å påvirke kjernen søkekoden.

Bruksanvisning

1 Åpne HTML-filen for siden på nettstedet ditt med søkeknappen.

2 Finn avsnittet som begynner med "<fieldset class =" søk ">". Dette er HTML kontrollere søkefeltet.

3 Flytt linjen begynner "<knapp" før linjen begynner "<input". Dette vil sette knappen før input-boksen (men ikke over ennå).

4 Sett "<div>" (uten anførselstegn) før begge linjene.

5 Sett "</ div>" etter begge linjene. Dette vil gjøre dem vises på to separate linjer.

6 Lagre HTML-koden. Knappen vil nå vises over inntastingsfeltet.