3

I am using text-transform:uppercase in input box. it is not support in tablet browser.

Here is my HTML:

<html>
<body>
<input type="text" class="isCapital">
</body>
</html>

And CSS:

.isCapital{text-transform:uppercase;}

anybody have solution for this. please update your answers.

4

4 回答 4

1

你有：

                          <!-- v--- this was misspelled -->
<input type="text" class="isCaptial">

它应该是：

<input type="text" class="isCapital" />
于 2012-10-31T05:53:15.997 回答
0

您不应该期望text-transform影响表单字段的值，因为这些值不是 HTML 元素内容的一部分。我惊讶地发现，在我测试的浏览器（Firefox、Chrome、IE、Opera on Win 和 Android）中，它实际上会影响值，无论是在value属性中指定还是由用户输入。但是这种行为在 CSS 规范中没有指定。

以这种方式转换数据也可能会造成混淆和误导。用户键入“foo”但看到“FOO”，表单提交时实际发送的数据是“foo”。

如果您真的希望使页面以这种方式运行，那么最跨浏览器的方法可能是使用（除了text-transform属性之外）JavaScript 代码，在输入字符时将字符转换为大写，但也存储原始输入，并且拦截表单提交，以便提交由 JavaScript 代码创建的另一个表单，而不是实际表单，作为原始表单的不可见副本，但输入的数据按原样存储。

于 2012-10-31T06:48:01.453 回答
0

我怀疑它是否有帮助，但你想试试这个吗？使用 Javascript / jQuery：

<script>
jQuery(function(){
  jQuery(".isCapital").html().toUpperCase();
});
</script>

快乐编码！

于 2012-10-31T14:00:57.907 回答
0

你拼错了资本。

替换isCaptial为isCapital。

于 2012-10-31T05:56:20.540 回答