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:

<<: Tkinter verwendet JS-Canvas, um Farbverlaufsfarben zu erzielen

>>: Docker startet den Implementierungsprozess der MySQL-Konfiguration

Native JavaScript-Karussell-Implementierungsmethode

Verwenden Sie eine Tabelle, um das Format der Formularsteuerelemente anzupassen, damit sie besser aussehen

Native JavaScript-Karussell-Implementierungsmethode

Einige Verbesserungen in MySQL 8.0.24 Release Note

Vue + webrtc (Tencent Cloud) Praxis der Implementierung der Live-Broadcast-Funktion

Karusselleffekte mit JavaScript implementieren

Nach dem Docker-Lauf ist der Status immer „Beendet“

Detaillierte Erläuterung der ActiveMQ-Bereitstellungsmethode in der Linux-Umgebung

Verwenden Sie Bilder, um eine personalisierte Unterstreichung von Hyperlinks zu realisieren

Detaillierte Schritte zur Installation von MySQL 8.0.18-winx64 unter Win10

Detaillierte Erklärung der Unterschiede zwischen ähnlichen Tags und Attributen in HTML

Docker-Installation von Nginx Probleme und Fehleranalyse

Artikel empfehlen

Docker-Installations- und Konfigurationsschritte für MySQL

Detailliertes Beispiel des Kettenprogrammierstils von jQuery

Anfangseinstellungen nach der Installation von Ubuntu 16 in der Entwicklungsumgebung

Backup zwischen MySQL-Datenbank und Oracle-Datenbank importieren

Upload-Komponentenfunktion basierend auf React-Dropzone entwickeln (Beispieldemonstration)

So erweitern Sie die Festplattenpartition für das CentOS-System

Lösung für das Problem der MySQL-Transaktionsparallelität

So erstellen Sie schnell eine LAMP-Umgebung auf der CentOS-Plattform

Detaillierte Analyse des temporären JDBC- und MySQL-Tablespace

Detaillierte Erklärung des Befehls mkdir beim Linux-Lernen

So verwenden Sie das Flex-Layout, um ein Scrollen des festen Inhaltsbereichs im Kopf zu erreichen

Zusammenfassung der HTML-Formatierungsstandards für webbasierte E-Mail-Inhalte

Fehlerbehebung bei der Ursache des 502 Bad Gateway-Fehlers auf dem Nginx-Server

Erstellen Sie mit Node.JS ein Echtzeit-Warnsystem für Unwetter

Detaillierte Erklärung der Funktionen outfile, dumpfile und load_file bei der MySQL-Injektion