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
Native JS-Kapselung vue Tab-Umschalteffekt
In diesem Artikelbeispiel wird der spezifische Co...
Schnelles Verständnis des Vue-Routing-Navigationsschutzes
Inhaltsverzeichnis 1. Globale Wache 1. Globale Fr...
Mysql kann keine nicht aggregierten Spalten auswählen
1. Einleitung Ich habe mein Blog kürzlich aktuali...
So ändern Sie MySQL-Berechtigungen, um Hosts den Zugriff zu ermöglichen
Aktivieren Sie Remote-Zugriffsrechte für MySQL My...
Zusammenfassung der Erfahrungen und Fähigkeiten im Webdesign
■ Planung des Website-Themas Achten Sie darauf, da...
React verwendet Routing, um zur Anmeldeoberfläche umzuleiten
Im vorherigen Artikel haben wir nach der Konfigur...
Zusammenfassung der Konstruktor- und Superwissenspunkte in React-Komponenten
1. Einige Tipps zu mit class in react deklarierte...
WeChat Mini-Programm-Benutzerautorisierung zum Abrufen einer Mobiltelefonnummer (getPhoneNumber)
Vorwort Das Miniprogramm verfügt über eine sehr p...
MySQL-Datenbank Daten laden, vielfältige Verwendungsmöglichkeiten
Inhaltsverzeichnis Vielfältige Einsatzmöglichkeit...
Probleme und Lösungen bei der Verwendung der TweenMax-Animationsbibliothek in Angular
Ich habe in letzter Zeit nichts zu tun, also bast...
Beispiel für die Konfiguration von nginx zur Implementierung von SSL
Umgebungsbeschreibung Serversystem: Ubuntu 18.04 ...
Eine kurze Zusammenfassung meiner Erfahrungen beim Schreiben von HTML-Seiten
Es sind drei oder vier Monate vergangen, seit ich ...
Zusammenfassung der HOC-Nutzung von React-High-Order-Komponenten
Ein Satz zur Einführung von HOC Was ist eine Komp...
100-1% des Inhalts der Website ist Navigation
Website, (100-1)% des Inhalts ist Navigation 1. J...
Beispiel zum Ändern von Stilen über CSS-Variablen
Frage Wie ändere ich den CSS-Pseudoklassenstil mi...