Heim > Artikel > Web-Frontend > So legen Sie die Breite der Eingabe in HTML fest
So legen Sie die Breite der Eingabe in HTML fest
- 青灯夜游Original
- 2021-11-01 16:58:4319923Durchsuche
So legen Sie die Eingabebreite in HTML fest: 1. Legen Sie das Breitenattribut für das Eingabeelement fest, die Syntax „“; 2. Fügen Sie den Breitenstil zum Eingabeelement hinzu Syntax „input{width: width value;}“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Legen Sie die Breite der Eingabe in HTML fest. Methode 1: Verwenden Sie das Breitenattribut des Eingabeelements. Hinweis: Das Breitenattribut gilt nur für
.Tipp: Es empfiehlt sich, Höhen- und Breitenattribute für Bilder anzugeben. Wenn diese Eigenschaften festgelegt sind, wird beim Laden der Seite der erforderliche Platz für das Bild reserviert. Ohne diese Attribute kann der Browser die Größe des Bildes nicht erkennen und keinen entsprechenden Platz dafür reservieren. Wenn die Seite und die Bilder geladen werden, ändert sich das Seitenlayout.
Beispiel:<form action="demo-form.php"> 用户名: <input type="text" name="name"><br> 密 码: <input type="password" name="pass"><br> <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48"> <input type="image" src="img_submit.gif" alt="Submit" width="100" height="100"> </form>Rendering:
<input type="image">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
#pass {
width: 200px;
}
</style>
</head>
<body>
<form action="demo-form.php">
用户名: <input type="text" name="name"><br>
密 码: <input type="password" name="pass" id="pass">
</form>
</body>
</html>
Rendering:
Empfohlenes Tutorial: „
HTML-Video-Tutorial
“Das obige ist der detaillierte Inhalt vonSo legen Sie die Breite der Eingabe in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!