js 控制输入大小写

最新推荐文章于 2024-07-08 17:42:28 发布

凌晨四点的_LA

最新推荐文章于 2024-07-08 17:42:28 发布

阅读量355

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/weixin_42047371/article/details/117929768

版权

JS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何使用HTML的oninput属性结合JavaScript实现输入字符串的全大写和首字母大写转换。通过示例代码，展示了在前端表单中对用户输入进行格式化的两种常见方法，对于提升用户体验和数据一致性具有重要意义。

摘要由CSDN通过智能技术生成

<!--控制输入的字符串全部为大写-->
<input oninput="value=value.toUpperCase()" type="text" name="familyName" value="" />

<!--控制字符串首字母大写-->
<input oninput="value=value.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase())" type="text" name="givenName" value="" />