Du hast ja bei Input-Elementen immer noch die Attribute zum Formatieren, wie:
Zitat
size bestimmt die Anzeigebreite des Elements
http://de.selfhtml.org/html/referenz/attribute.htm#input
Und bei einer Textarea:
Zitat
cols bestimmt die Anzahl Zeichen pro Zeile
rows bestimmt die Anzahl sichtbarer Zeilen
http://de.selfhtml.org/html/referenz/attribute.htm#textarea
Mit CSS ist es dabei unterschiedlich, was Du bestimmen kannst, bei einem Upload-Formular bestimmt zum Beispiel einzig der Browser. So helfen meist nur Testreihen, bzw. ab und an auch die Suche, ob sich ein CSS-Ersatz für size (oder andere Attribute) finden lässt. Nun habe ich gerade selbst ein wenig getestet und denke das max-width kein CSS-Ersatz für size ist oder sein könnte. Wo ich es anwendete, war ja kein Input-Element im Spiel.
Auch nach dieser Seite (unter Input schauen), kann size nur durch width, nicht jedoch durch max-width ersetzt werden:
HTML-Attribut/Wert CSS-Realisierung:
size width: <length>
http://www.thestyleworks.de/tut-art/html-css.shtml
Wobei ich nur nach dem gehe, was ich in einem Buch oder im Web finde, ohne die Referenzen im Detail zu kennen. Einige Entwickler kennen sich da sicherlich besser aus.
Und hier noch mein Test, einzig size und/oder width ergaben ein richtiges Ergebnis, max-width wird von den Browsern (habe jetzt nur mit FF getestet) nicht beachtet:
<!DOCTYPE html>
<html>
<head>
<title>Max und Weit</title>
<style type="text/css">
.inp1 {
border: 1px solid #f00;
overflow: hidden;
width: 200px;
}
.inp2 {
border: 1px solid #f00;
overflow: hidden;
max-width: 200px;
}
.linie {
margin-left: 0px;
width: 200px;
}
</style>
</head>
<body>
<h1>Max und Weit</h1>
<h2>Formular 1</h2>
<form action="#">
<label for="inp1">Input 1:</label><br>
<input class="inp1" name="inp1" id="inp1" type="text" value="Heute ist das Wetter weniger wunderschön"><br>
<label for="inp2">Input 2:</label><br>
<input class="inp2" name="inp2" id="inp2" type="text" value="Heute ist das Wetter weniger wunderschön"><br>
</form>
<h2>Formular 2</h2>
<form action="#">
<label for="inp3">Input 3:</label><br>
<input class="inp1" name="inp3" id="inp3" type="text" size="32" value="Heute ist das Wetter weniger schön"><br>
<label for="inp4">Input 4:</label><br>
<input class="inp2" name="inp4" id="inp4" type="text" size="32" value="Heute ist das Wetter weniger schön"><br>
</form>
<hr class="linie">
</body>
</html>
Alles anzeigen