Wie Sie eine benutzerdefinierte Senden-Schaltfläche zu einem Formular hinzufügen
Eine breite Palette von Optionen stehen für Website-Entwickler in Bezug auf, wie eine Website schließlich der Öffentlichkeit vorgestellt wird. Auch wenn Sie die Grundlagen der Verwendung von Style-Elementen auf Webseiten kennen, vielleicht aber finden Sie, dass das Hinzufügen einer benutzerdefiniertes "Schaltfläche zu einem Formular senden" eine schwierige Aufgabe in Hypertext Markup Language (HTML). Nach einem bestimmten Verfahren, erleichtert jedoch die Aufgabe.
Anweisungen
1 Öffnen die HTML-Datei enthält das Formular mit dem Sie eine benutzerdefinierte hinzufügen möchten senden Knopf. Verwenden Sie Ihre bevorzugte Software-Programm für diese Aufgabe für die Textbearbeitung.
2 Suchen Sie das Formular, das Sie Ihre benutzerdefinierten Senden-Schaltfläche hinzufügen möchten, und fügen Sie eine Schaltfläche einreichen hinzu, durch Eingabe des folgenden Befehls vor dem schließenden "< / form >" Tag: < Eingang Typ = "button" >
3 Legen Sie ein Element "Wert" für die Schaltfläche mit leeren Anführungszeichen (""). Input-Tag sollte dann lesen: < Eingang Typ = "Knopf" Value = "" >
4 Legen Sie die Inline Style-Elemente für die Schaltfläche. Geben sie einen "Rand" Wert "0", "Cursor" den Wert "Zeiger" und "Höhe" und "Breite" Werte gleich der Höhe und Breite Ihres benutzerdefinierten "Senden" Schaltfläche Bildes in Pixel. Ein Beispiel mit "XXX" und "YYY" anstatt tatsächliche Pixel Breite und Höhe Werte, ist:
< Eingang Typ = "Knopf" Wert = "" Stil = "Border: 0px; Cursor: Pointer; Breite: XXXpx; Höhe: YYYpx">
5 Die Inline-Stile, die auf Ihre benutzerdefinierten senden Schaltflächenbild zeigt fügen Sie einen "Background-Image" Wert hinzu. Das Format dafür ist also: "background-image:URL(image.jpg)". Input-Tag sollte jetzt lauten:
< Eingang Typ = "Knopf" Wert = "" Stil = "Border: 0px; Cursor: Pointer; Breite: XXXpx; Höhe: YYYpx; Background-Image:URL(Image.jpg) ">
Wo ist der "image.jpg" der Dateinamen der benutzerdefinierten Schaltfläche Senden.
6 Speichern Sie die HTML-Datei in Ihrem Text-editing-Software, und öffnen Sie sie in Ihrem bevorzugten Webbrowser. Sicherstellen Sie, dass Ihre Form wie Sie es zu wollen sieht, und schließen Sie dann den Text Bearbeitungs-Software.
Tipps & Warnungen
- Die Taste muss nicht direkt vor dem schließenden platziert werden "< / form >" Tag. Wenn Sie Inhalte, die Sie zwischen Taste und das Ende des Formulars setzen wollen die Schaltfläche Neupositionierung ist akzeptabel, wenn es zwischen den öffnenden und schließenden Tag "< Form >" befindet.
- Wenn das Bild nicht angezeigt wird, wenn Sie die HTML-Datei in Ihrem Webbrowser anzeigen, sicherstellen Sie, dass der Pfad zur Bilddatei korrekt im Style-Element "background-image:URL(image.jpg)" verwiesen wird. Das Bild muss nicht im selben Verzeichnis wie die HTML-Datei zu leben, aber es muss durch den vollständigen Pfad oder den richtigen Pfad relativ zum aktuellen Verzeichnis der HTML-Datei referenziert werden.