输入框文字自动为大写

要求：输入框中的文字不管用户输入大写或小写始终显示为大写。

实现方式有两种：

1.通过CSS

为input/textarea添加CSS：

input{
     text-transform:uppercase;
     /*
      *text-transform属性的取值有4个：
      * none：默认值，不会发生任何转换
      * capitalize：每个单词的首字母大写。
      * uppercase：大写转换。
      *lowercase：小写转换。 
      */ 
}

2.通过JavaScript

$('#input_id').val($('#input_id').val().toUpperCase());

注意：

JavaScript实现有些许延迟

CSS实现只是改变了显示，实际value还是用户输入值