文本输入框input实现字母大小写转换,方法有两种:
1.通过js的onkeyup实现字母大小写转换
注意:因此处使用的是IviewUI <Input>标签 所以标签为大写 事件前需加上“:”才可识别事件。
<Input v-model="value" :onkeyup="this.value=this.value.toUpperCase()"></Input> //大写
<Input v-model="value" :onkeyup="this.value=this.value.toLowerCase()"></Input> //小写
此方法在页面上直接显示转换后的结果。
2.通过css控制input显示的大小写转换
使用text-transform实现大小写转换:
- text-transform: uppercase /转为大写/
- text-transform: lowercase /转为小写/
- text-transform: capitalize /单词首字母转为大写/