專案中需要用到textarea ，而且高度要隨輸入的內容自適應，網上查了很多資料，發現有兩種解決的辦法很好用，就摘錄下來，方便以後的學習和運用
方法一：使用原聲js
>文字框根據輸入內容自適應高度
title
>
<
style
type
="text/css"
>
h2 #textarea
textarea
style
>
<
script
>
/***
* 文字框根據輸入內容自適應高度
* @param 輸入框元素
* @param 設定游標與輸入框保持的距離(預設0)
* @param 設定最大高度(可選)
*/var
autotextarea
=function
(elem, extra, maxheight) ,
getstyle
=elem.currentstyle
?function
(name) ;
return
val;
} :
function
(name) ,
minheight
=parsefloat(getstyle(
'height
'));
elem.style.resize ='
none';
varchange
=function
() ;
scrolltop
=document.body.scrolltop
||document.documentelement.scrolltop;
elem.style.height
=minheight +'
px';
if(elem.scrollheight
>
minheight)
else
; style.height
=height
+extra +'
px'; scrolltop
+=parseint(style.height)
-elem.currheight;
document.body.scrolltop
=scrolltop;
document.documentelement.scrolltop
=scrolltop;
elem.currheight
=parseint(style.height);
};};
addevent(
'propertychange
', change);
addevent(
'input
', change);
addevent(
'focus
', change);
change();
};script
>
head
>
<
body
>
<
h2>文字框根據輸入內容自適應高度
h2>
<
textarea
id="textarea"
placeholder
="回覆內容"
>
textarea
>
<
script
>
vartext
=document.getelementbyid(
"textarea");
autotextarea(text);
//呼叫
script
>
body
>
html
>
方法二：div模擬textarea文字域輕鬆實現高度自適應
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>div模擬textarea文字域輕鬆實現高度自適應
title
>
<
style
>
h2 .test_box
style
>
head
>
<
body
>
<
h2>div模擬textarea文字域輕鬆實現高度自適應
h2>
<
div
class
="test_box"
contenteditable
="true"
>
<
br />
div>
body
>
html
>
限制文字框輸入內容
在公司看到了受限制的的文字框，上網查了一下，蠻有用的，貼出來。正則匹配 匹配中文字元的正規表示式 u4e00 u9fa5 匹配雙位元組字元 包括漢字在內 x00 xff 匹配空行的正規表示式 n s r 匹配html標記的正規表示式 匹配首尾空格的正規表示式 s s 像vbscript那樣的trim...
QT控制文字框輸入內容
利用正規表示式，例 即賬號最長為10位，只能由數字組成 qregexp regx 0 9 qvalidator validator newqregexpvalidator regx,ui num ui num setvalidator validator 姓名欄只能為漢字,長度不超過4位 qrege...
iOS 根據文字內容確定文字框高度
第三方庫tqrichtextview 是乙個 混排的第三方庫，可以根據文字內容設定文字框的高度。系統也自帶了一種方法可以根據文字的內容設定文字的高度。uilabel testlabel uilabel new testlabel.backgroundcolor uicolor graycolor t...