Verwenden Sie eine Tabelle, um das Format der Formularsteuerelemente anzupassen, damit sie besser aussehen
|
Da ich selbst eine Webseite schreiben möchte, lerne ich auch einiges über die HTML-Sprache. Das erinnert mich an mein Interesse an Webdesign im College. Leider hatte ich damals keinen eigenen Computer. Ich ging oft in Internetcafés, um Disketten zu kaufen, auf die ich einige Bilder herunterladen konnte, und verwendete dann Fontpage, um einige Webseiten zu erstellen. Später kaufte ich mir einen Computer und war fasziniert von „Legend“ und vergaß auch das Webdesign … Da ich mit Ubuntu arbeitete und es unter Linux nur sehr wenige WYSIWYG-Webdesign-Tools gab, entschied ich mich schließlich für Bluefish. Ich möchte ein Formular zum Hinzufügen von Geräten erstellen, aber es sieht hässlich aus, weil die Präfixe unterschiedlich sind. Wie in der Abbildung gezeigt: Code kopieren Der Code lautet wie folgt:<!DOCTYPE html> <meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" /> <html> <Text> Benutzername:<input type="text" name="username"><br/> Passwort:<input type="password" name="password"> </body> </html>  Dieses Eingabefeld ist nicht ausgerichtet, was mich sehr traurig machte. Dann meinte mein Kollege, ich könne es mithilfe einer Tabelle formatieren. Nachdem er um Rat gefragt hatte, lautete der Code wie folgt: Code kopieren Der Code lautet wie folgt:<!DOCTYPE html> <meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" /> <html> <Text> <Tabelle> <tr> <td>Benutzername:</td> <td><input type="text" name="Benutzername"><br/></td> </tr> <tr> <td>Passwort:</td> <td><input type="Passwort" name="Passwort"></td> </tr> </Tabelle> </body> </html>  Ahaha, ich habe eine neue Fähigkeit. Danke an Tong Jun für seine tatkräftige Unterstützung~~ Außerdem habe ich gelernt, wie ich mit CSS das Format der Tabelle steuern kann. Code kopieren Der Code lautet wie folgt:<style type="text/css"> Tabelle {border-top:#000 durchgezogen 1px; border-left:#000 durchgezogen 1px;} td{ border-bottom:#000 durchgezogen 1px; border-right:#000 durchgezogen 1px;} </Stil> |
<<: Tkinter verwendet JS-Canvas, um Farbverlaufsfarben zu erzielen
>>: Docker startet den Implementierungsprozess der MySQL-Konfiguration
Artikel empfehlen
Einführung in das Linux-Netzwerksystem
Inhaltsverzeichnis Netzwerk Informationen Ändern ...
Bringen Sie Ihnen bei, ein einfaches Versprechen Schritt für Schritt umzusetzen
Inhaltsverzeichnis Schritt 1: Erstellen Sie das F...
Postman-Datenverschlüsselung und -entschlüsselung zur Implementierung der Simulationsanforderung der APP-Anmeldeschnittstelle
Inhaltsverzeichnis Hauptsächlich verwendete Postm...
Javascript implementiert einfache Navigationsleiste
In diesem Artikel wird der spezifische Code von J...
Grundlegende MySQL-Grundlagen: Gruppierungsfunktion, Aggregatfunktion, Gruppierungsabfrage – ausführliche Erklärung
Inhaltsverzeichnis 1. Einfach zu bedienen 2. Verw...
Beispielcode zur Implementierung der bidirektionalen Authentifizierung mit Nginx+SSL
Erstellen Sie zunächst ein Verzeichnis cd /etc/ng...
So verbergen und entfernen Sie Bildlaufleisten in HTML
1. HTML-Tags mit Attributen XML/HTML-CodeInhalt i...
Asynchrone Programmierung in Javascript: Verstehen Sie Promise wirklich?
Inhaltsverzeichnis Vorwort Grundlegende Verwendun...
Versprechenskapselung wx.request-Methode
Im vorherigen Artikel wurde die Implementierungsm...
XHTML verwendet einige veraltete Elemente in HTML nicht mehr
Wenn wir CSS-Webseitenlayouts erstellen, wissen wi...
So verhindern Sie, dass sich vsftpd-Benutzer über SSH anmelden
Vorwort vsftp ist eine benutzerfreundliche und si...
MySQL 8.0.20 Installations-Tutorial mit Bildern und Text (Windows 64-Bit)
1: Download von der offiziellen MySQL-Website htt...
Detaillierte Erklärung des Unterschieds zwischen chown- und chmod-Befehlen in Linux
Im Linux-System können sowohl chmod- als auch cho...
Detaillierte Einführung in das MySQL-Schlüsselwort Distinct
Einführung in die Verwendung des MySQL-Schlüsselw...
Grundkenntnisse im Website-Design: Neulinge lesen bitte dies
Heutzutage beginnen viele Leute damit, Websites z...