Quebra de linha no Placeholder

HTML

Front-end

15/05/2017

Tive um problema recentemente que eu tenho um input com um placeholder. Só que o texto que contém nele é grande, quando transformo para mobile, ele come essa parte do texto. Quero saber como quebrar a linha do Placeholder para certo tamanho de tela.

Abs
Dayan Barros

Dayan Barros

Curtidas 0

Respostas

Tiago Dias

Tiago Dias

15/05/2017

Hum.. interessante, tenho o mesmo problema porem não sabia que isso era possível, será que realmente tem como quebrar linha no placeholder?

Acompanhando..
GOSTEI 0
Fabio Parreira

Fabio Parreira

15/05/2017

Em input eu desconheço. Sei que pode fazer em textarea.
GOSTEI 0
Lucas Santos

Lucas Santos

15/05/2017

Olá Dayan, bom dia!
Assim como informado pelo Parreirafabio, me parece que não é possível fazer isso em input, apenas em textarea.

para fz a quebra de linha em textarea vc pode utilizar o código abaixo:

<style>
::-webkit-input-placeholder::after {
 display: block;
 content: " ";
}
</style>
<textarea cols="50" rows="10" placeholder="PlaceHolder com quebra de linha PlaceHolder com quebra de linha PlaceHolder com quebra de linha PlaceHolder com quebra de linha PlaceHolder com quebra de linha PlaceHolder com quebra de linha"></textarea>
GOSTEI 0
Dayan Barros

Dayan Barros

15/05/2017

To precisando quebrar essa linha no input mesmo.

Deve existir um JS que pode fazer isso, não?

Abs
GOSTEI 0
Robson Cavalcante

Robson Cavalcante

15/05/2017

Olá Dayan, tem a necessidade de ser input mesmo? Acho que essa sua tarefa ficaria bem mais tranquila com textarea. Com input eu não consigo fazer isso.
GOSTEI 0
POSTAR