• 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)

Aruba Cloud - Virtual Private Server VPS
0 głosów
1,695 wizyt
pytanie zadane 30 kwietnia 2018 w HTML i CSS przez Kolberg Obywatel (1,580 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,580 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,580 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,540 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ź 855 wizyt
pytanie zadane 8 maja 2018 w HTML i CSS przez matizuu Obywatel (1,100 p.)
0 głosów
1 odpowiedź 615 wizyt
pytanie zadane 28 maja 2018 w HTML i CSS przez marcolo Obywatel (1,530 p.)
0 głosów
1 odpowiedź 199 wizyt
pytanie zadane 27 grudnia 2019 w JavaScript przez Kolberg Obywatel (1,580 p.)

93,337 zapytań

142,332 odpowiedzi

322,423 komentarzy

62,676 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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...