Shulou(Shulou.com)06/02 Report--

This article will explain in detail how to count the input characters of Textarea. The content of the article is of high quality, so the editor will share it for you as a reference. I hope you will have a certain understanding of the relevant knowledge after reading this article.

HTML Code:

You can also enter 500 words.

CSS Code:

.item-textarea {position: relative;}. Item-textarea textarea {width: 100%; height: 100px; padding: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; background: # fff;-webkit-box-shadow: inset 0 1px 2px rgba (0meme 0mem.3);-moz-box-shadow: inset 0 1px 2px rgba (0px 0px) Box-shadow: inset 0 1px 2px rgba; border: 1px solid # ddd;-webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.14remr;} .item-textarea span {display: block; position: absolute; right: 6px; bottom: 7px; color: # 9a9a9a; font-size: 0.12remr;} .item-textarea span I {color: # 55AEF;}

Take a brief look at the current page effect:

For convenience, first introduce the jQuery file, where an anonymous self-tuning function is used

(function () {var textArea = $('textarea'); var numItem = $(' i'); var max = numItem.text (); / / I tag content, that is, the maximum number of characters that can be displayed var curLength = textArea.val (). Length; / / current number of characters textArea.attr ('maxlength',max) / / set the maximum number of characters. If removed, the negative number numItem.text (max-curLength) will appear in the I tag; / / the number of textArea.on in the I tag will be updated in real time ('input propertychange', function () {/ / $(this)-- > refers to textarea numItem.text (max-$(this). Val () .length);});})

On how to count the number of Textarea input characters to share here, I hope that the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.