So legen Sie die Länge des HTML-Textfelds fest

奋力向前
Freigeben: 2021-10-06 19:58:49
Original
26159 Leute haben es durchsucht

In HTML können Sie die Länge des Textfelds mit diesem Attribut festlegen. Sie müssen dem Text nur den Stil „Breite: Längenwert + Längeneinheit“ hinzufügen Boxelement.

So legen Sie die Länge des HTML-Textfelds fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

So legen Sie die Länge des Textfelds in HTML fest

1 Erstellen Sie eine neue HTML-Datei und nennen Sie sie test.html, um zu erklären, wie Sie die Länge des Textfelds mithilfe von CSS anpassen.

So legen Sie die Länge des HTML-Textfelds fest

2. Erstellen Sie in der Datei test.html zwei Textfelder mit dem Eingabe-Tag im p-Tag, wie unten gezeigt.

So legen Sie die Länge des HTML-Textfelds fest

3. Setzen Sie in der Datei test.html die ID-Attribute der beiden Eingabefelder auf eins bzw. zwei, die hauptsächlich zum Festlegen des CSS-Stils über die folgende ID verwendet werden.

So legen Sie die Länge des HTML-Textfelds fest

4. Schreiben Sie in die Datei test.html das Tag .

So legen Sie die Länge des HTML-Textfelds fest

5. Legen Sie im CSS-Tag den Stil des Eingabe-Tags mit der ID eins fest und verwenden Sie das Attribut width, um seine Länge auf 100 Pixel zu definieren.

So legen Sie die Länge des HTML-Textfelds fest

6. Legen Sie im CSS-Tag den Stil des Eingabe-Tags mit der ID zwei fest und verwenden Sie das Attribut width, um seine Länge auf 200 Pixel zu definieren.

So legen Sie die Länge des HTML-Textfelds fest

7. Öffnen Sie die Datei test.html im Browser, um den Effekt zu überprüfen.

So legen Sie die Länge des HTML-Textfelds fest

Empfohlenes Lernen: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die Länge des HTML-Textfelds fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!