文本输入框input text输入字母自动转大写
2019-04-12 09:27:04来源:博客园 阅读 ()
现在需要把一个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的话,需要在后台进行大写转换操作。
原文链接:https://www.cnblogs.com/dbxiaobai/p/10697300.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- CSS文本超出自动隐藏显示省略号 2020-04-27
- Bootstrap4 面包屑导航+表单+输入框组+自定义表单 2020-04-16
- HTML字符实体与文本格式化标签 2020-03-30
- 常见form表单5种input输入类型 2020-03-29
- HTML 链接展现形式与target属性和锚文本设置 2020-03-25
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash