从小写到大写

时间:2011-06-04 11:02:00

标签: php javascript html

嘿,我试图用小写字母输入文本但是当涉及到文本框时,如果有人可以这样做,它必须是大写的。

7 个答案:

答案 0 :(得分:7)

你可以用CSS做到这一点,不需要JavaScript或PHP

text-transform:uppercase
text-transform:lowercase

将这些添加到每个元素类的样式中。

或者,如果您使用内联样式,请执行此操作。

<input type="text" style="text-transform:uppercase;" />

答案 1 :(得分:3)

使用PHP(php.net doc)大写字母的字符串:

strtoupper("Hello")

Output: HELLO

使用JavaScript(java2s.com)将字符串改为大写:

var s = new String("Hello")
s.toUpperCase()

Output: HELLO

答案 2 :(得分:1)

您的选择是:

  1. As Raoul said,使用CSS。如果可能的话,这是你最好的选择。
  2. 让用户输入小写字母,然后在离开字段(blur等)时或保存/处理文本时(例如,在服务器上,无论如何)进行转换。这是一个blur示例:

    document.getElementById('theIDOfTheTextArea').onblur = function() {
        this.value = this.value.toUpperCase();
    };
    

    Live example

  3. keydownkeypress事件中使用JavaScript执行此操作。尽管在这里间歇性地发布了各种尝试,但使用JavaScript 并非简单 执行此操作。识别您想要处理的按键并取消事件以防止添加按键是微不足道的;但是插入你想要的角色并非易事。 (可悲的是,键盘事件只是让你替换一个不同的角色;那会很好,但他们没有。)不幸的是,你需要使用文本范围/选择并让你进入跨浏览器的区域。您可能需要利用像Rangy这样的库来完成它。我只是说不,然后去CSS /后处理路线。

答案 3 :(得分:0)

this post的答案将解决您的问题。

  • 按ID
  • 获取文本框元素
  • 设置onBlur侦听器并使用string.toUpperCase()
  • 转换其值

答案 4 :(得分:0)

你有没看过这个

Upper

答案 5 :(得分:-1)

$("#idoftextbox").blur(function(){$(this).val($(this).val().toUpperCase())});

将此放入onload事件

答案 6 :(得分:-1)

易:

textareaElement.onkeydown = function(e) {
    //make sure IE gets it
    e = e || event;
    //don't insert
    e.preventDefault();
    //catch the ASCII key code, and convert it to uppercase letter
    this.value += String.fromCharCode(e.keyCode).toUpperCase();
}