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

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

So konfigurieren Sie pseudostatisches und clientadaptives Nginx

Das Backend verwendet das Framework thinkphp3.2.3...

So verwenden Sie den Linux-Befehl seq

1. Befehlseinführung Mit dem Befehl seq (Sequence...

Implementierung zum Zeichnen einer Audio-Wellenform mit wavesurfer.js

1. Sehen Sie sich die Renderings an Weiterleiten ...

So ändern Sie die Tomcat-Portnummer in Linux

Ich habe hier mehrere Tomcats. Wenn ich sie gleic...

So generieren Sie eine Vue-Benutzeroberfläche per Drag & Drop

Inhaltsverzeichnis Vorwort 1. Technisches Prinzip...

Einführung in MySQL-Isolationsebene, Sperre und MVCC

Ziel dieses Artikels ist es, die Beziehung zwisch...

Detaillierte Erklärung der Docker-Nutzung unter CentOS8

1. Installation von Docker unter CentOS8 curl htt...

Zusammenfassung der Mysql-Existes-Verwendung

Einführung Mit EXISTS wird geprüft, ob eine Unter...

Lösen Sie das Problem, dass Docker das MySQL-Image zu langsam zieht

Nachdem wir eine halbe Stunde lang versucht hatte...

Vue Grundanleitung Beispiel grafische Erklärung

Inhaltsverzeichnis 1. v-on-Richtlinie 1. Grundleg...

Die Lösung von html2canvas, dass Bilder nicht normal erfasst werden können

Frage Lassen Sie mich zunächst über das Problem s...