Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]textarea
Forum PHP.pl > Forum > Przedszkole
xmen491
Witam czy da rade zrobić tak aby podczas rozciągania pola tekstowego , aby to pole nie rozciagało się w bok w jakimś miejscu tzn. dochodzi np do jakiejś szerokości i wiecej sie nie rozciągnie i tylko w dół wtedy się rozciąga ? ew czy da rade to innym sposobem zrobić ?
Niktoś
Użyj CSS'a i atrybutu max-width,max height.
xmen491
a po samej stronie html nie da rady tego zablokowac słyszałem że nowe przeglądarki już to obsługują

znalazłem coś takiego http://b4rtaz.nano2.pl/blog/resize.css.html

  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>resize, css3 samples</title>
  6. body {background:#F2F2F2; color:#272727; font:12pt "Lucida Grande","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;}
  7. code, textarea {color:#555555; font-style:italic; font-family:"Monaco","Lucida Console",monospace,sans-serif !important;}
  8. h1 {font-weight:normal; font-size:25pt;}
  9. h3 {border-bottom:1px solid #BC3434;}
  10. a {color:#BC3434;}
  11. a:hover {color:#000;}
  12. div {padding-left:40px; width:50%;}
  13. textarea {width:100%; height:90px;}
  14. </style>
  15. </head>
  16.  
  17. <h1><code>resize</code> in css 3.0</h1>
  18. <p>samples by <a href="http://b.nano2.pl/">b4rtaz</a></p>
  19.  
  20. <div>
  21. <h3>resize: horizontal;</h3>
  22. <p><code>textarea {resize: horizontal;}</code></p>
  23. <textarea style="resize:horizontal;">Lorem ipsum.</textarea>
  24.  
  25. <h3>resize: vertical;</h3>
  26. <p><code>textarea {resize: vertical;}</code></p>
  27. <textarea style="resize:vertical;">Lorem ipsum.</textarea>
  28.  
  29. <h3>resize: both;</h3>
  30. <p><code>textarea {resize: both;}</code></p>
  31. <textarea style="resize:both;">Lorem ipsum.</textarea>
  32.  
  33. <h3>resize: none;</h3>
  34. <p><code>textarea {resize: none;}</code></p>
  35. <textarea style="resize:none;">Lorem ipsum.</textarea>
  36. </div>
  37.  
  38. </body>
  39. </html>
synec
Użyj css tak jak pokazał Ci kolega wyżej. Będzie najoptymalniej.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.