placeholder 줄 바꿈하는 방법

placeholder 줄 바꿈하는 방법

by htmlkorea

HTML

<textarea placeholder="첫번째 줄" rows="4"></textarea>

CSS

::-webkit-input-placeholder::after {
    display: block;
    content: "두번째 줄 \A 세번째 줄\A 마지막 줄";
}

::-moz-placeholder { /* Firefox 19+ */
    display: block;
    content: "두번째 줄 \A 세번째 줄\A 마지막 줄";
}

:-ms-input-placeholder {
    display: block;
    content: "두번째 줄 \A 세번째 줄\A 마지막 줄";
}

:-moz-placeholder { /* Firefox 18- */
    display: block;
    content: "두번째 줄 \A 세번째 줄\A 마지막 줄";
}