• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

<input type="text"> - przejście do nowej lini po zbyt szerokim tekście (zamiast suwaka)

Object Storage Arubacloud
0 głosów
1,411 wizyt
pytanie zadane 30 kwietnia 2018 w HTML i CSS przez Kolberg Obywatel (1,560 p.)

Czy istnieje taka możliwość, aby zamiast suwaka po zbyt długim tekście w

<input type="text">

tekst automatycznie przechodził do nowej linii?

3 odpowiedzi

0 głosów
odpowiedź 30 kwietnia 2018 przez niezalogowany
Użyj znacznika <textarea>

Było wczoraj takie pytanie (podobne).

<input type="text"> jest "jednolinijkowy, a <textarea> to pole tekstu :)
komentarz 30 kwietnia 2018 przez Kolberg Obywatel (1,560 p.)
Niestety w <textarea> nie można zastosować "value=", a to mi jest potrzebne. Chodzi o to, aby tekst nie znajdował się pomiędzy tagami, ale w samym właśnie tagu.
komentarz 30 kwietnia 2018 przez 1234 Dyskutant (9,140 p.)

W textarea zamiast "value" możesz podać wartość pomiędzy tagami

<textarea>Wartość textarea</textarea>

 

komentarz 30 kwietnia 2018 przez Kolberg Obywatel (1,560 p.)

Chodzi o to, aby tekst nie znajdował się pomiędzy tagami, ale w samym właśnie tagu.

komentarz 30 kwietnia 2018 przez 1234 Dyskutant (9,140 p.)

W samym tagu textarea się chyba nie da, ale możesz ustawić wartość za pomocą JavaScripta

<textarea id="text"></textarea>
<script>
  document.getElementById("text").innerHTML = "Test";
</script>

 

0 głosów
odpowiedź 30 kwietnia 2018 przez Cixo Gaduła (4,070 p.)

Chyba nie zbyt ale możesz zamiast inputa użyć znaczników textarea

<textarea>jakis text</textarea>

Przy czym jakis text to domyślny text w texterze

0 głosów
odpowiedź 30 kwietnia 2018 przez pablop76 VIP (123,180 p.)

Jeżeli koniecznie musisz tak zrobić to można przenosić w czasie rzeczywistym tekst do innego okna.

<input type="text" name="dane">
<div id="clone" class="clone"></div>
.clone{
  margin-top: 10px;
  width: 140px;
  height: 200px;
  border: 1px solid grey;
  word-wrap: break-word;
}
var text = document.querySelector('input');
var clone = document.getElementById('clone');
text.addEventListener('keyup',function(){
  clone.textContent=text.value;
});

 

Podobne pytania

0 głosów
1 odpowiedź 606 wizyt
pytanie zadane 8 maja 2018 w HTML i CSS przez matizuu Obywatel (1,100 p.)
0 głosów
1 odpowiedź 408 wizyt
pytanie zadane 28 maja 2018 w HTML i CSS przez marcolo Obywatel (1,530 p.)
0 głosów
1 odpowiedź 163 wizyt
pytanie zadane 27 grudnia 2019 w JavaScript przez Kolberg Obywatel (1,560 p.)

92,661 zapytań

141,554 odpowiedzi

319,995 komentarzy

62,028 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...