文本输入框input实现字母大小写转换

文本输入框input实现字母大小写转换,方法有两种:

1.通过js的onkeyup实现字母大小写转换

type="text" onkeyup="this.value=this.value.toUpperCase()" /> 
type="text" onkeyup="this.value=this.value.toLowerCase()" /> 

此方法会在页面上有转换过程的显示。

2.通过css控制input显示的大小写转换

使用text-transform实现大小写转换:

  • text-transform:none;默认值,不转换
  • text-transform:uppercase;字母转换大写
  • text-transform:lowercase;字母转换小写
  • text-transform:capitalize;首字母大写
type="text" style="text-transform:uppercase;" /> 

此方法并不会把input的value转换成大小写,后台保存仍需要做大小写的转换。

你可能感兴趣的:(Web)