[HTML/CSS] Zeilenumbruch in Textfeld

[Benutzer-1872]

Hi @ all,

ich schreibe gerade ein Formular mit einem <textarea> Element, was bis jetzt auch gut funktioniert.
Mir ist jedoch aufgefallen, dass der Text nicht, wie wenn man z.B. in Word schreibt, am Ende der Zeile umgebrochen wird. Dies würde ich gerne ändern.
Habe schon danach gegoogelt, bin aber immer nur auf wrap=virtual gestoßen, was nicht funktioniert.

<textarea cols="60" rows="20" name="text" wrap=virtual></textarea>

Kennt jemand von euch einen Befehl für HTML oder CSS, der Zeilenumbrüche erzeugt?

Danke

 

[LasMiranda]

der wird automatisch umgebrochen, außer man verwendet über 10 Jahre alte Browser, wie z. B. Netscape 4

siehe: https://de.selfhtml.org/html/formulare/eingabe.htm#bereiche_umbruch

 

[Benutzer-1872]

der wird automatisch umgebrochen, außer man verwendet über 10 Jahre alte Browser, wie z. B. Netscape 4

Meines Wissens nach ist der Opera 9.02 kein über 10 Jahre alter Browser...
Ich muss aber gestehen, dass ich es mit anderen noch nicht probiert hatte.
Mit dem Internet Explorer funktioniert es tatsächlich, aber immernoch nicht mit Opera...

 

[LasMiranda]

Meines Wissens nach ist der Opera 9.02 kein über 10 Jahre alter Browser...

ist er auch nicht, aber bei mir geht es

 

[unregiert]

Du solltest noch alle Argumente in Anführungszeichen schreiben wrap="virtual", wenn du nicht mit dem allerältestem HTML Standard beschreiben willst .

Edit: Achja, wenn du XHTML Strict im Header angegeben hast, kann es wohl mit dem Problem zu tun haben. Also bitte, renomiert nicht anonym, bin dir auch nicht böse.

 

[LasMiranda]

Du solltest noch alle Argumente in Klammern schreiben...

hat mit dem Problem allerdings Null zu tun

PS: Klammern=() {} []; Anführungszeichen=", Hochkomma='

 

[Benutzer-1872]

hat mit dem Problem allerdings Null zu tun

Jup denk ich auch
Stand ohne Anführungsstriche auf selfhtml, hab mir gedacht man kanns ja mal probieren
Naja, wenns mit dem Rest funktioniert ist es nich so schlimm. Hoffentlich wird da aber in der neuen Version was geändert.
Danke LasMiranda.

 

[LasMiranda]

...Hoffentlich wird da aber in der neuen Version was geändert....

es funktioniert im Opera, Firefox und IE einwandfrei. Es muss ein Designfehler vorliegen, oder es wurde die Standard-CSS geändert in den Operaeinstellungen

 

[Benutzer-1872]

Auch mit dem Standard-Design zeigt sich keine Veränderung und die css von Opera habe ich wissentlich nicht verändert.
Wenn es am Browser liegen würde, würde es aber hier auf Klamm beispielsweise auch keinen Zeilenumbruch im Nachrichtenfeld machen, das funktioniert hier aber...

 

[strolch00]

Ich kenne dies hier: style="word-wrap: soft".
Aber hier sind noch ein paar links:
#1
#2
#3

 

[Benutzer-1872]

Ich kenne dies hier: style="word-wrap: soft".
Aber hier sind noch ein paar links:
#1
#2
#3

Sorry, dass ich erst so spät schreibe, hatte vorher keine Zeit.
Mit der Style Methode hat sich auch nichts getan...

Hier mal der komplette Code, ich kann echt nichts finden:

<form method="post" action="?ok=1">
<table>
<tr><td>Titel</td><td><input type="text" name="title" size="80" /></td></tr>
<tr><td>Text</td><td><textarea cols="60" rows="20" name="text" style="word-wrap:soft;" wrap=soft></textarea><p></p></td></tr>
<tr><td></td><td align="center"><input type="submit" /><input type="reset" /></td></tr>
</table>
</form>

 

[strolch00]

<form method="post" action="?ok=1"> 
  <table>
    <tr>
      <td>Titel</td>
      <td><input type="text" name="title" size="80" /></td>
    </tr> 
    <tr>
      <td>Text</td>
      <td><textarea cols="60" rows="20" name="text" style="word-wrap: soft;"></textarea></td>
    </tr>
    <tr>
      <td align="center" colspan="2"><input type="submit" /><input type="reset" /></td>
    </tr>
  </table>
</form>

genauso kenne ich das. Und bei mir hats bisher wunderbar funktioniert. Schau dir mal meine Links an die ich gepostet habe. Spiel mal mit word-break usw bissi rum. Wenn alle Stricke reißen, hier mal den link zum Formular posten damit wir testen können. Ich bin mir 100% das es nur bei dir ist . Aber kopf hoch wird schon klappen. Und theHacker hat sicher nix gegen den Link später wenn es nur das Formular ist und keine Werbung.

 

[Benutzer-1872]

Ich bin mir 100% das es nur bei dir ist .

Hab grad bei meinem Bruder mit Opera 9.02 probiert, da ist es das selbe...
Auch wenn ich nur den Abschnitt mit dem Formular in ne html-Datei schreibe und das mit Opera aufrufe, bricht er den Text nicht um...

 

[tleilax]

Wenn ich das richtig sehe, wrappt der IE nur dann anders als sonstige Browser, wenn in der gesamten Zeile kein einziges Interpunktionszeichen vorkommt. Alle Browser ausser dem IE zeigen dann Scrollbalken an, während der IE automatisch in die nächste Zeile umbricht. Soweit ich jetzt gelesen habe, ist dies im IE so implementiert, um asiatische Schriften, die keine Interpunktion verwenden, vernünftig anzeigen zu können.

Dieses Verhalten ist aber soweit ich weiss ohne den Einsatz von JavaScript in keinem anderen Browser nachzubilden.

PS: Du solltest vielleicht sagen, dass Du Dich auf den Fall beziehst, dass in einer Zeile kein Interpunktionszeichen vorkommt. Das ist nämlich ein Extremfall der ganzen Geschichte.

 

[Benutzer-1872]

Du hast recht, ich hab wirklich nie mit Punkt, Komma oder sowas versucht und mit funktioniert es tatsächlich

PS: Du solltest vielleicht sagen, dass Du Dich auf den Fall beziehst, dass in einer Zeile kein Interpunktionszeichen vorkommt. Das ist nämlich ein Extremfall der ganzen Geschichte.

Wer denkt denn auch an sowas