input标签size属性实现原理？

Question

例如<input size='6' />页面就不能输入超过6个字符了，如何做到的，是禁用了键盘吗？还是某某，还要防止粘贴时也做到限制，有读过源码的解释下，给个实例讲解下

Answer 1

是text框的size么 这个size和长度没关系吧 size限制的是text文本框的长度 不是内容长度
如果楼主要用size来限制内容 要监听onkeyup事件 超过6个字符 截断
<script type="text/javascript">
function aaa(obj){
  if(obj.value.length > obj.size){
     obj.value = obj.value.substring(0,obj.size);
  }
}
</script>
<input size="6" onkeyup="aaa(this)">

Answer 2

粘贴截断就是上述监听其onkeyup事件实现的

Answer 3

你们可以先试下input标签的size属性验证大小，我也想做到同样的效果，它是输入值超过后，我们无论怎么敲键盘都没有用的，我想它实现的原理

Answer 4

加入当前长度 > size 则不接受输入
原理~

Answer 5

<input onkeypress="return !(this.value.length >= 10)" />

Answer 6

禁止输入你可以直接用  maxlength属性，size是你的文本框的尺寸

Answer 7

原理你就去找浏览器引擎去看看， 你要想用textarea实现这个功能，监听粘帖事件，设置clipboardData的数据就可以了