I thought it should be implemented using JavaScript. Today I made it. The principle is that the length of Characters in the current text box is obtained based on the onkeyup event triggered by the text box, and the maximum number of characters allowed in the text box minus the current number of characters, use the label control to display it.
:
DEMO code:
<Html> <pead> <title> enter </title> </pead> <body> <center> nickname: <input type = "text" id = "mytext1" maxlength = 15 onKeyUp = "keypress1 () "/> <label id =" name "> you can enter 15 more words </label> for the comment: <br> <pre class = "code" id = "myarea" style = "height: 100px; width: 200px; overflow-x: hidden; overflow-y: hidden "onKeyUp =" keypress2 () "onblur =" keypress2 () "> </textarea> <label id =" pinglun "> you can enter 300 words </label> </center> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]