背景

最近看同行设计，input textarea如果限制字符，可以展示已输入多少个字符，总共限制多少个字符。觉得这个设计挺好，看了一下element官方文档，也可以这么实现。

具体实现

maxlength=“100” 最大输入长度
show-word-limit：是否显示输入字数统计，只在 type = “text” 或 type = “textarea” 时有效

具体代码

<el-inputtype="text"placeholder="请输入内容"v-model="text"maxlength="10"show-word-limit
>
</el-input>
<div style="margin: 20px 0;"></div>
<el-inputtype="textarea"placeholder="请输入内容"v-model="textarea"maxlength="30"show-word-limit
>
</el-input><script>
export default {data() {return {text: '',textarea: ''}}
}
</script>

element ui textarea实现输入字数统计相关推荐

实现textarea限制输入字数
2019独角兽企业重金招聘Python工程师标准>>> textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同, ...
textarea还剩余字数统计
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
texearea 限制字数_实现textarea限制输入字数
实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框t ...
textarea html5限制字数,textarea文字输入字数限制
textarea文字输入字数限制,不超300 300 function checkLen(obj) { var maxChars = 300;//最多字符数 if (obj.value.length ...
texearea 限制字数_js实现textarea限制输入字数
实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框t ...
html 实时计算字数,JavaScript 实现textarea限制输入字数，输入框字数实时统计更新，输入框实时字数计算移动端bug解决...
textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制 ...
JavaScript 实现textarea限制输入字数，输入框字数实时统计更新，输入框实时字数计算移动端bug解决...
textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制 ...
texearea 限制字数_限制textarea的输入字数
今天接到任务的第一个需求是限制字数,查看了一下之前人留下来的代码,使用的是textarea,于是就想当然的用了maxlength,结果发现无用.查阅得知,原来textarea对于maxlength的支 ...
jq限制html元素下的字数,jquery实现输入字数统计以及限制
Demo: limitWord Demo $(function(){ $(".wrap").limitWord(10,"您的输入超出了限制"); }); #li ...

element ui textarea实现输入字数统计

背景

具体实现

具体代码

element ui textarea实现输入字数统计相关推荐

最新文章

热门文章