Heim  >  Artikel  >  Web-Frontend  >  So legen Sie die CSS-Eingabegröße fest

So legen Sie die CSS-Eingabegröße fest

青灯夜游
青灯夜游Original
2021-04-27 18:41:5714834Durchsuche

In CSS können Sie die Attribute width und height verwenden, um die Größe des Eingabeelements festzulegen. Sie müssen dem Eingabeelement nur den Stil „width: width value; height: height value;“ hinzufügen. Input ist ein Inline-Ersetzungselement und seine Wirkung entspricht der eines Blockelements, sodass die Breiten- und Höhenwerte festgelegt werden können.

So legen Sie die CSS-Eingabegröße fest

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

In CSS können Sie die Attribute width und height verwenden, um die Größe des Eingabeelements festzulegen.

Codebeispiel:

<form action="form_action.asp" method="get">
  用户名: <input type="text" name="name" style="width: 100px;height: 30px;"/><br /><br />
  密码: <input type="password" name="password" /> <br /><br />
 <input type="submit" value="Submit" />
</form>

Rendering:

So legen Sie die CSS-Eingabegröße fest

Beschreibung:

  • -Tag wird zum Sammeln von Benutzerinformationen verwendet. Es handelt sich um ein Inline-Ersatzelement. Höhe/Breite/Polsterung/Rand sind alle verfügbar. Der Effekt ist gleich dem Blockelement.

    Bei Inline-Nicht-Ersatzelementen haben jedoch Höhe/Breite/Abstand oben, unten/Rand oben und unten keine Auswirkung. Um die Breite zu ändern, können Sie nur den Abstand links, rechts und den Rand links, rechts verwenden.

  • Das Attribut width legt die Breite des Elements fest und das Attribut height legt die Höhe des Elements fest.

    Das Breitenattribut und das Höhenattribut definieren die Breite und Höhe des Inhaltsbereichs des Elements, mit Ausnahme von Auffüllungen, Rändern oder Rändern. Ränder und Ränder können außerhalb des Inhaltsbereichs hinzugefügt werden.

(Lernvideo-Sharing: CSS-Video-Tutorial)

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

Stellungnahme:
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