Sådan oprettes et skilt op Box

Enkle og effektive webformularer muligt besøgende til at tilmelde dig hurtigt på hjemmesider. Selv hvis du ikke har noget for brugerne at tilmelde dig, kan du stadig fange personlige oplysninger og gem den til senere brug. Skabe enkle sign up bokse kræver ingen programmering, og du behøver ikke en database for at gøre processen arbejde. Bruge HTML og style sheets til at generere et skilt op kasse hurtigt og føje den til din hjemmeside.

Vejledning

• Klik på Notesblok (eller en anden HTML-editor er) ikonet for at starte det og åbne HTML dokument, der indeholder en af ​​dine websider.

2. Find "krop" i dokumentet og tilføje denne kode under den første "krop" tag: <form method = "post" action = "mailto: [email protected]" enctype = "text / plain"> <label for = "bruger"> Fornavn </ label> <input type = "text" name = "bruger" value = "" /> <label for = "bruger"> Efternavn </ label> <input type = "text "name =" bruger "value =" "/> <label for =" email "> E-mail: </ label> <input type =" text "name =" email "class =" email "value =" "/> <label for = "kommentarer"> Kommentarer: </ label> <textarea name = "kommentarer" rækker = "10" cols = "80"> </ textarea> <input type = "submit" name = "submitbutton" id = "send" value = "Send" /> </ formular> Dette skaber en formular. Skemaet kan indeholde så mange felter som du vil. I dette eksempel markerne er "Fornavn", "Efternavn", "E-mail-adresse" og "Kommentarer". En "Send" knappen sender formularen. Find "aktion" ejendom på "form" tag og erstatter "[email protected]" med din e-mail-adresse.

• Læg denne kode efter dokumenter "hoved" tag: <style type = "text / css"> label {bredde: 130px; flyde: til venstre; bredde: 130px; font-weight: bold; } Input {width: 320; margin-bottom: 8px; } Input.email {bredde: 400px; } #send {Margin-venstre: 130px; margin-top: 8px; bredde: 100px; } </ Style> Dette skaber styling information til etiketterne, indtastningsfelter og tekst område. For eksempel "input.email" klasse angiver bredden af ​​feltet "Comments" til 400 pixels.

• Gem HTML-dokumentet og åbne det i din browser for at kunne tilmelde dig kassen.

• Udfyld formularen og klik på "Send". Browseren vil e-mail, du oplysningerne i tilmeldingen kassen.