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-bzoguctq-eo.html" target="_blank" title="Ausgabewert in der gleichen Eingabebox"> Ausgabewert in der gleichen Eingabebox </a> </li> <li class="side_article_list_item"> 2. <a href="http://de.uwenku.com/question/p-ribncrsq-et.html" target="_blank" title="So können Sie frühere Aktivitätsaktionen bei Benachrichtigung wiederherstellen Klicken Sie auf"> So können Sie frühere Aktivitätsaktionen bei Benachrichtigung wiederherstellen Klicken Sie auf </a> </li> <li class="side_article_list_item"> 3. <a href="http://de.uwenku.com/question/p-bydjmlkc-dn.html" target="_blank" title="Laden Datenrahmen in R zu mysql Programmierung"> Laden Datenrahmen in R zu mysql Programmierung </a> </li> <li class="side_article_list_item"> 4. <a href="http://de.uwenku.com/question/p-yoqgytoi-do.html" target="_blank" title="ASP.NET Core kann die Ansicht nicht finden, wenn sie in IIS integriert ist"> ASP.NET Core kann die Ansicht nicht finden, wenn sie in IIS integriert ist </a> </li> <li class="side_article_list_item"> 5. <a href="http://de.uwenku.com/question/p-pobkjbof-dy.html" target="_blank" title="Casablanca C++ Rest SDK - Wie zu deaktivieren Zertifikat-Validierung auf Websocket"> Casablanca C++ Rest SDK - Wie zu deaktivieren Zertifikat-Validierung auf Websocket </a> </li> <li class="side_article_list_item"> 6. <a href="http://de.uwenku.com/question/p-kvqhmklq-eb.html" target="_blank" title="Schluck-foreach nicht über alle Dateien schleifen"> Schluck-foreach nicht über alle Dateien schleifen </a> </li> <li class="side_article_list_item"> 7. <a href="http://de.uwenku.com/question/p-mdheleej-ee.html" target="_blank" title="AngularJS ng-repeat wird nach Ajax-Aufruf nicht aktualisiert"> AngularJS ng-repeat wird nach Ajax-Aufruf nicht aktualisiert </a> </li> <li class="side_article_list_item"> 8. <a href="http://de.uwenku.com/question/p-vxsthoas-ec.html" target="_blank" title="Feld in Laravel abflachen?"> Feld in Laravel abflachen? </a> </li> <li class="side_article_list_item"> 9. <a href="http://de.uwenku.com/question/p-hnewmfug-em.html" target="_blank" title="Winkelmesser-Gurke Hintergrund Haken"> Winkelmesser-Gurke Hintergrund Haken </a> </li> <li class="side_article_list_item"> 10. <a href="http://de.uwenku.com/question/p-aeykmnev-eh.html" target="_blank" title="Datenbank mit AJAX in Django aktualisieren"> Datenbank mit AJAX in Django aktualisieren </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