一段很短的代碼可以自動提示文本框已輸入多少個字符

通常大家都有這樣的需求：

一個文本輸入框，限定了用戶只能輸入多少個字。爲了有良好的用戶體驗，一般是在用戶邊輸入內容邊提示還剩餘多少個字符的空間。

使用一個js函數完全可以達到。但今天我們使用一個比較簡單的代碼來實現

 

<input type="text" id="text1">
<!-- 限定用戶輸入的數量-->
 <input type="text" id="text2" value="100">

<textarea 
οnkeyup="text1.value=text2.value-this.value.length">
</textarea>

 

這裏直接可以使用ID就能得到對象，感覺很神奇！