Größe Input-Felder (dBooks

HTML

Primer


		W3-Attribute
		Ereignisse
		Größenproblem

(Umfang 299 Seiten)


		Sponsoring


	Namen für Sonderzeichen "sichere" Farben Übersicht der HTML-Tags spez. Seiten zu HTML








	Auswahl dBooks: Suche und verwandte Themen








	Verschiedenes

Größenproblem

Ein grundsätzliches Problem des Navigators bei Stylesheets und INPUT-Feldern: die size-Größenangaben werden nicht mehr nach der Anzahl der Buchstaben berechnet.

Die häßliche Konsequenz diese NN-Dreckeffekts: Die Eingabefelder werden entweder viel zu kurz oder viel zu lang, je nachdem, ob man Netscape oder Internet-Explorer als Richtlinie verwendet und damit sind einigermaßen ansehnliche Formulare praktisch unmöglich.

Der Internet-Explorer verhält sich wie erwartet.

Input-Beispiele


		width-Attribut width-Attribut für input width-Eigenschaft width-Eigenschaft innerhalb von style font um fom Nach Tip Font geschlossen vor Input-Feld font schließen Nach Tip Font geschlossen vor Input-Feld Stylesheets Beispiel Input-Felder mitStylesheets. font-size Beispiel Input-Felder ohne Stylesheets. JavaScript-Attribut size-Attribut über JavaScript-Funktion. JavaScript-Write Ausgabe des kompletten input-Feldes über JavaScript-Print.

Teillösung

Die einzige Lösung des Problems ist eine JavaScript-Funktion, die einen browser-abhängigen size-Wert berechnet. Eine so schöne Funktion wie zu den

frames habe ich derzeit noch nicht gefunden. Dabei wird die Variable browser über das

Standard-Browser-Skript festgelegt.

JavaScript-Funktion sizeInputField

Keineswegs das Ei des Kolumbus ist die JavaScript-Funktion sizeInputField. Dennoch zeigt es in einem gewissen Bereich akzeptable Werte unter NN.

Ergebnis

Quellcode

<form>
<script language="JavaScript">

</script>
<font size="1" face="sans-serif" class="t1">
2: <script language="javascript">sizeInputField(2,'value="1234567890 1234567890 "');</script><br>
6: <script language="javascript">sizeInputField(6,'value="1234567890 1234567890 "');</script><br>
10: <script language="javascript">sizeInputField(10,'value="1234567890 1234567890 "');</script><br>
20: <script language="javascript">sizeInputField(20,'value="1234567890 1234567890 "');</script><br>
40: <script language="javascript">sizeInputField(40,'value="1234567890 1234567890 1234567890 1234567890 "');</script><br>
60: <script language="javascript">sizeInputField(60,'value="1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 "');</script><br>

<br>
<input type="text" value="1234567890 1234567890 " >
</font>
<hr>
<font size="2" face="sans-serif" class="t2">
2: <script language="javascript">sizeInputField(2,'value="1234567890 1234567890 "');</script><br>
6: <script language="javascript">sizeInputField(6,'value="1234567890 1234567890 "');</script><br>
10: <script language="javascript">sizeInputField(10,'value="1234567890 1234567890 "');</script><br>
20: <script language="javascript">sizeInputField(20,'value="1234567890 1234567890 "');</script><br>
40: <script language="javascript">sizeInputField(40,'value="1234567890 1234567890 1234567890 1234567890 "');</script><br>
60: <script language="javascript">sizeInputField(60,'value="1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 "');</script><br>

<br>
<input type="text" value="1234567890 1234567890 " >
</font>
<hr>
<font size="3" face="sans-serif" class="t3">
2: <script language="javascript">sizeInputField(2,'value="1234567890 1234567890 "');</script><br>
6: <script language="javascript">sizeInputField(6,'value="1234567890 1234567890 "');</script><br>
10: <script language="javascript">sizeInputField(10,'value="1234567890 1234567890 "');</script><br>
20: <script language="javascript">sizeInputField(20,'value="1234567890 1234567890 "');</script><br>
40: <script language="javascript">sizeInputField(40,'value="1234567890 1234567890 1234567890 1234567890 "');</script><br>
60: <script language="javascript">sizeInputField(60,'value="1234567890 1234567890 1234567890 1234567890 1234567890 1234567890 "');</script><br>

<br>
<input type="text" value="1234567890 1234567890 " >
</font>
</form>

Links


		Unkommentierte Links: hut.fi: Affecting the presentation of form fields on Web pages #Widths of text input fields (and textareas) htmlcompendium.org: Compatibility Chart for... input size= "size" ideenreich.com: Gefragt - Gewußt: Breite des Textfeldes netmechanic.com: HTML Tip: Beware of Mixing Forms and Fonts google.com: input AND size AND Netscape AND type="text" AND FONT teamone.de: input=text size=x bei NC 4.05 lists.w3.org: Question On Input Type WIth Style Sheets Link empfehlen

(München, 2001-04-13 20:55:36 / )

Der Betreiber von www.dBooks.de übernimmt keine Verantwortung für den Inhalt und die Richtigkeit der Angaben auf den verlinkten Websites. Zu den üblichen NoNos gibt es keine direkten Verweise.

(Umfang dBook HTML: 299 Themenseiten )
letzte Generierung Sun, 03 Jun 2001 08:54:30 GMT 165
© Werner Diwischek