Heim > Web-Frontend > HTML-Tutorial > So legen Sie die Textfeldgröße in HTML fest

So legen Sie die Textfeldgröße in HTML fest

coldplay.xixi
Freigeben: 2021-03-10 17:34:21
Original
7794 Leute haben es durchsucht

So legen Sie die Größe des Textfelds in HTML fest: Erstellen Sie zunächst eine neue HTML-Seite, fügen Sie eine Beschriftung und ein Eingabefeld hinzu. Ändern Sie dann die Breite, indem Sie das Größenattribut festlegen.

So legen Sie die Textfeldgröße in HTML fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer.

So legen Sie die Textfeldgröße in HTML fest:

1 Erstellen Sie zunächst mit sublime text2 eine neue HTML-Seite zum Testen. Ich nenne es hier test.html

So legen Sie die Textfeldgröße in HTML fest

2. Fügen Sie zu diesem Zeitpunkt ein Label-Tag und ein Eingabefeld zur Webseite hinzu.

So legen Sie die Textfeldgröße in HTML fest

3. Sehen Sie sich den Effekt in der Vorschau an. Wir können feststellen, dass die Standardbreite 10 beträgt.

So legen Sie die Textfeldgröße in HTML fest

4 Hier ändern wir die Breite.

So legen Sie die Textfeldgröße in HTML fest

5. Sehen Sie sich den Effekt noch einmal an. Wurde die Breite reduziert?

So legen Sie die Textfeldgröße in HTML fest

6. Wenn Sie einfach die Breite ändern, reicht dies aus, wenn Sie jedoch andere Dinge ändern. Wir müssen das Stilattribut hinzufügen

So legen Sie die Textfeldgröße in HTML fest

7. Sehen Sie sich den endgültigen Effekt an. Sie können sehen, dass sich Breite und Höhe geändert haben

Das obige ist der detaillierte Inhalt vonSo legen Sie die Textfeldgröße in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage