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

Question

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

<input type="text">

tekst automatycznie przechodził do nowej linii?

Answer 1

Użyj znacznika <textarea>

Było wczoraj takie pytanie (podobne).

<input type="text"> jest "jednolinijkowy, a <textarea> to pole tekstu :)

Comments

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.

---

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

<textarea>Wartość textarea</textarea>

 

---

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

---

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>

 

Answer 2

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

Answer 3

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;
});