Textfeld Eingabehöhe

Question

Ich machte die Größe der Box größer. Es sieht größer aus als in der Dream Weaver Designansicht, scheint aber nicht in den Browsern zu funktionieren.

<input type="text" **height="60%"** name=" item" align="left" /> 

Answer 1

Verwenden CSS:

<input type="text" class="bigText" name=" item" align="left" /> 

.bigText { 
    height:30px; 
} 

Dreamweaver ist ein schlechtes Test-Tool. Es ist kein Browser.

Answer 2

Wenn Sie die Höhe des Eingabefeldes erhöhen möchten, können Sie line-height CSS-Eigenschaft für das Eingabefeld angeben.

input { 
    line-height: 2em; // 2em is (2 * default line height) 
} 

Answer 3

Nur CSS ist es Höhe zu erhöhen:

<input type="text" style="height:30px;" name="item" align="left" /> 

Oder oft mal, Sie Höhe erhöhen wollen es durch Klotzen anstelle eine genaue Höhe festgelegt wird:

<input type="text" style="padding: 5px;" name="item" align="left" /> 

Answer 4

Sie können eine class oder id für Eingabefelder definieren.

Oder

input { 
    line-height: 20px; 
} 

Hoffnung, dies hilft Ihnen.

Answer 5

Ich kam hier auf der Suche nach einer Eingabe, die eigentlich mehrere Zeilen ist. Stellt sich heraus, ich wollte keine Eingabe, ich wollte eine Textarea. Sie können die Höhe oder Zeilenhöhe festlegen, wie andere Antworten angeben, aber es ist immer noch nur eine Textzeile. Wenn Sie mehrere tatsächliche Zeilen benötigen, verwenden Sie stattdessen eine Textarea. Das Folgende ist ein Beispiel für ein 3-zeiliges Textfeld mit einer Breite von 500 px (sollte ein guter Teil der Seite sein, nicht notwendig um dies festzulegen und muss es basierend auf Ihren Anforderungen ändern).

<textarea name="roleExplanation" style="width: 500px" rows="3">This role is for facility managers and holds the highest permissions in the application.</textarea>