资讯专栏INFORMATION COLUMN

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

zlyBear / 3698人阅读

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

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

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

  1. 使用JavaScript,在input标签添加onkeyup方法,将字符转为大写。
    <input name="text" type="text" onkeyup="this.value=this.value.toUpperCase()" />
  2. 使用CSS,给input设置样式。
    <input type="text" style="text-transform:uppercase;" />

区别:

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

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

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

相关文章

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

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

    HitenDev 评论0 收藏0
  • [总结]CSS/CSS3常用样式与web移动端资源

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

    The question 评论0 收藏0
  • form表单那点事儿(上) 基础篇

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

    Forest10 评论0 收藏0
  • 前端——HTML

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

    番茄西红柿 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<