Formatieren von Text in einem Textfeld (Eingabefeld) mit .css

-1

Ich versuche, Text in einem Textfeld mit .css zu formatieren. Hier sind die folgenden Attribute:Formatieren von Text in einem Textfeld (Eingabefeld) mit .css

input {type="text"]{ 

     width:850px; 
     height:240px; 
     word-wrap:word-break; 

}

ich die Box so formatiert werden soll, wenn die Benutzer Informationen in ihm, der Text/Eingabe in der linken oberen Ecke der Box ist. Der Text/die Eingabe muss ebenfalls umbrochen werden. Die obige Zeilenumbruch-Funktion scheint nicht zu funktionieren. Bitte beraten.

Ich habe auch vertical-align für die Ausrichtung des Textes betrachtet.

Bitte beraten Sie, wenn Sie Vorschläge haben.

Quelle

2016-04-26 Jenn

Was passiert? –

Ein 'textarea' Element hat wahrscheinlich ein besseres Standardverhalten für so etwas. – chrisd1100

Sorry, aber ich denke, Sie brauchen Textarea nicht ein Eingabefeld = Textfeld. Siehe https://developer.mozilla.org/en/docs/Web/HTML/Element/textarea –

Textarea-Tag wird tun, was Sie wollen.

<textarea rows="4" cols="50"> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
    Aenean commodo ligula eget dolor. Aenean massa. Cum sociis 
    natoque penatibus et magnis dis parturient montes, nascetur 
    ridiculus mus. Donec quam felis, ultricies nec, pellentesque 
    eu, pretium quis, 
</textarea>

Quelle

2016-04-26 20:34:35

funktioniert. Vielen Dank! – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/6258341/">Jenn</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048381"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Letzte Frage </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://de.uwenku.com/question/p-nsxwwfct-dn.html" target="_blank" title="in scala, warum für yield return Option tut statt String"> in scala, warum für yield return Option tut statt String </a> </li> <li class="side_article_list_item"> 2. <a href="http://de.uwenku.com/question/p-yeubvvvt-do.html" target="_blank" title="Socrata SODA Beispiel mit Java nicht definierte Methode"> Socrata SODA Beispiel mit Java nicht definierte Methode </a> </li> <li class="side_article_list_item"> 3. <a href="http://de.uwenku.com/question/p-anekjwin-dp.html" target="_blank" title="Berechnung Tage bis zum nächsten festgelegten Tag links"> Berechnung Tage bis zum nächsten festgelegten Tag links </a> </li> <li class="side_article_list_item"> 4. <a href="http://de.uwenku.com/question/p-bjzcstdp-dz.html" target="_blank" title="Objective Equivalent zu base16(). Decode (String)"> Objective Equivalent zu base16(). Decode (String) </a> </li> <li class="side_article_list_item"> 5. <a href="http://de.uwenku.com/question/p-uonwrpmj-dy.html" target="_blank" title="Überprüfen Sie, ob die Terminalausgabe mit meiner Zeichenfolge übereinstimmt."> Überprüfen Sie, ob die Terminalausgabe mit meiner Zeichenfolge übereinstimmt. </a> </li> <li class="side_article_list_item"> 6. <a href="http://de.uwenku.com/question/p-cnhwmixx-eb.html" target="_blank" title="Ein optionales JSON-Feld in eine Option mit Play Json übersetzen?"> Ein optionales JSON-Feld in eine Option mit Play Json übersetzen? </a> </li> <li class="side_article_list_item"> 7. <a href="http://de.uwenku.com/question/p-rkiowbnw-cz.html" target="_blank" title="Fixed-Element in Bootstrap Modal scrollt nicht"> Fixed-Element in Bootstrap Modal scrollt nicht </a> </li> <li class="side_article_list_item"> 8. <a href="http://de.uwenku.com/question/p-wheyyaeh-dm.html" target="_blank" title="Anzeigen des HTCondor-Status mit PHP"> Anzeigen des HTCondor-Status mit PHP </a> </li> <li class="side_article_list_item"> 9. <a href="http://de.uwenku.com/question/p-kudvgxhk-dk.html" target="_blank" title="Ändern yii2 Passwort durch das aktuelle Passwort mit dem eingegebenen Passwort"> Ändern yii2 Passwort durch das aktuelle Passwort mit dem eingegebenen Passwort </a> </li> <li class="side_article_list_item"> 10. <a href="http://de.uwenku.com/question/p-cdcsifqr-dh.html" target="_blank" title="Wie schicke ich einen json richtig zu einem RestController mit Ajax?"> Wie schicke ich einen json richtig zu einem RestController mit Ajax? </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Verwandte Themen</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item">Keine verwandten Themen^_^</li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://de.uwenku.com/contact">Sprechen Sie uns an</a></li> <li>© 2020 DE.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>

Formatieren von Text in einem Textfeld (Eingabefeld) mit .css

Antwort