mode textarea tăng height giống contenteditable

**mad** · 10.09.2017 / 17:11

Jquery

JAVASCRIPT

$('textarea').unbind("input").on("input", function(){
br=$(this).val().split("\n").length;
if(br>2){
$(this).attr("style","height:"+(br*20)+"px");
}else{
$(this).removeAttr("style");
}
})

Style default

CSS

textarea{
background: transparent;
border: 0px;
padding: 0px;
line-height: 20px;
width: 100%;
resize: none;
outline: 0px;
    font-family: inherit;
    min-height: 40px;
}

Chỉnh css cho textarea thì đặt thẻ div ở ngoài tạo style riêng.

**MrKen** · 10.09.2017 / 17:36

chữ dài hơn 1 dòng thì sao =))

**mad** · 10.09.2017 / 20:33

À ko biết có cách nào lhacs phục ko chú ken