1、html实现输入大小、长度限制
input / textarea 文本类型 限制最小长度(minlength)和最大长度(maxlength)
input / textarea 数字类型 限制最小值(min)和最大值(max)
//数字类型 最大值
<input class="form-control" type="number" min="1" max="10" placeholder="测试">
//文本类型 最大长度
<input type="text" maxlength="10" class="form-control" placeholder="测试">
<textarea maxlength="200" />
2、自动获取input焦点
给input属性添加autofocus属性,缺点是autofocus 在移动版 Safari 上无效
<input v-focus type="text" ref="input" autofocus maxlength="30" class="search-inp" name="" placeholder="测试">
vue方法:
mounted () {
this.$nextTick(() => {
this.$refs.input.focus()
})
}
3、input中 type=number 的文本框(数字框) 去掉箭头
控制这个箭头不显示,在css里加上这些样式就好了:
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}