Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML] Formularz obszar tekstowy
Sasuke Uchiha
post
Post #1





Grupa: Zarejestrowani
Postów: 99
Pomógł: 0
Dołączył: 5.03.2012

Ostrzeżenie: (0%)
-----


Czy istnieje jakaś możłiwość aby zablokować opcję dowolnego rozciągania tego pola przez użytkownika ? mam taki problem że ustawiłem sobie tło obrazkowe a polę o konkretnych wymiarach i tutaj jest problem bo jak użytkownik rozciąga sobie to wiadomo powtarza tło i wygląda to badziewnie.
  1. <textarea name="nazwa" cols="x" rows="y"></textarea>

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Szymciosek
post
Post #2





Grupa: Zarejestrowani
Postów: 1 168
Pomógł: 126
Dołączył: 5.02.2010
Skąd: Świdnica

Ostrzeżenie: (0%)
-----


Jasne:
Poczytaj o CSS RESIZE
To dotyczy się pól właśnie takich jak textarea.

Wklej to do index.html
  1. <h3>Przeciąganie:</h3>
  2. <div id="przeciaganie">
  3. <textarea cols="50" rows="5" id="overflow">Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...</textarea><br />
  4. <textarea cols="50" rows="5" id="both">resize: both - w każdą stronę</textarea><br />
  5. <textarea cols="50" rows="5" id="vertical">resize: vertical - tylko w pionie</textarea><br />
  6. <textarea cols="50" rows="5" id="horizontal">resize: horizontal - tylko w poziomie</textarea><br />
  7. <textarea cols="50" rows="5" id="none">resize: none - brak powiększania</textarea><br />
  8. <textarea cols="50" rows="5">zwykłe pole tekstowe</textarea>
  9. </div>


A to do style.css i połącz je ze sobą:
  1. #przeciaganie textarea#overflow {
  2. overflow: hidden;
  3. }
  4. #przeciaganie textarea#both {
  5. resize: both;
  6. }
  7. #przeciaganie textarea#vertical {
  8. resize: vertical;
  9. }
  10. #przeciaganie textarea#horizontal {
  11. resize: horizontal;
  12. }
  13. #przeciaganie textarea#none {
  14. resize: none;
  15. }


Ten post edytował Szymciosek 10.05.2012, 14:39:28
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.10.2025 - 18:07