文本输入框input text输入字母自动转大写

zlyBear 发布于2019-04-23 11:40 / 3666人阅读

摘要：现在需要把一个输入框内的字母自动转变为大写。查了下资料，目前收集到的方法有两种使用，在标签添加方法，将字符转为大写。区别使用会给用户一种转换感，使用是把输入的字母显示为大写。

现在需要把一个input输入框内的字母自动转变为大写。

查了下资料，目前收集到的方法有两种：

使用JavaScript，在input标签添加onkeyup方法，将字符转为大写。

<input name="text" type="text" onkeyup="this.value=this.value.toUpperCase()" />

使用CSS，给input设置样式。

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

区别：

使用JavaScript会给用户一种转换感，使用CSS是把输入的字母显示为大写。所以从用户体验来说，使用css会更好！不过使用css的话，需要在后台进行大写转换操作。

GPU云服务器云服务器 js正则input输入框文本输入框文本框输入数字文本框输入限制

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/991.html

文本输入框input text输入字母自动转大写

摘要：现在需要把一个输入框内的字母自动转变为大写。查了下资料，目前收集到的方法有两种使用，在标签添加方法，将字符转为大写。区别使用会给用户一种转换感，使用是把输入的字母显示为大写。现在需要把一个input输入框内的字母自动转变为大写。查了下资料，目前收集到的方法有两种：使用JavaScript，在input标签添加onkeyup方法，将字符转为大写。 input name=te...

HitenDev 2019-04-22 16:12 评论0 收藏0
[总结]CSS/CSS3常用样式与web移动端资源

摘要：不允许负值用百分比来定义缩放比例。解决这个很简单，在父元素中使用即可解决该。列宽度由单元格内容设定。定义仅有大写字母。不过，要让任何元素生效还得借助于一点点。 css/css3常用样式 CSS修改选中文字的颜色 html代码：第一段文字选中效果第二段文字选中效果 css代码： .p1::selection{background:red;color:#fff;} .p2::selec...

The question 2019-08-28 17:54 评论0 收藏0
form表单那点事儿(上) 基础篇

摘要：用于或元素时，将提交指定的表单示例代码只能上传图片只能上传视频使用的属性，是一个类型的值，或文件后缀名。在以前，要想改变表单元素外观，需要通过其他标签来模拟。以下点到名的表单元素，还是可以照常使用的。做为html中最为常见，应用最广泛的标签之一，form常伴随前端左右。了解更深，用的更顺。表单属性这个表单展示了form表单常用的属性属性名属性值 ...

Forest10 2019-08-01 15:24 评论0 收藏0
前端——HTML

摘要：方式是将内容放在了请求头，所以会显示在上，将内容放在了请求体。此外，方式对提交内容的长度有限制，必须在之内，而没有。如果属性设置，表示选择框只能同时显示三项。表头会自动加粗居中，在表格内容区，表示行，表示列。HTML HTML叫做超文本标记语言，是一种制作万维网页面标准语言。相当于定义一套规则，大家都来遵守它，这样浏览器就可以去解释它。浏览器负责将标签翻译成用户看得懂的格式，呈现给用户。 ...

番茄西红柿 2019-04-23 13:30 评论0 收藏0