JS 将当前input 转为大写

最新推荐文章于 2023-09-12 18:42:12 发布
最新推荐文章于 2023-09-12 18:42:12 发布
阅读量838 收藏
点赞数
分类专栏： html

方法1:JS 方法

 <input name="test" type="text" οnkeyup="this.value=this.value.toUpperCase()" /> 此种方法不好在于,光标始终在最后一个字段没办法移动

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

看看用CSS方法最完美的方法.

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

笨小康
关注
专栏目录
JavaScript 动态将数字金额转化为中文大写金额
10-29
### JavaScript 动态将数字金额转化为中文大写金额 #### 概述 在日常工作中，尤其是在财务、银行或会计系统中，将数字金额转换为中文大写是非常常见的需求。这不仅可以提高系统的用户友好性，还能确保金额显示的...
input输入框小写字母自动转换成大写字母的几种方式
恒二哥的博客
11-12 4881
2.还有一种更好的方法，加css样式进行控制处理，用到：text-transform属性，将其设置为uppercase。如果想屏蔽中文和空格：用 onkeyup=“value=value.replace(/[^\w./]/ig,‘’)”text-transform: capitalize /单词首字母转为大写/text-transform: uppercase /转为大写/text-transform: lowercase /转为小写/输入小写时，自动显示为大写，中文汉字不受影响。
js前端的input输入框英文自动转为大写字母方法
hzh2031015的博客
10-15 1879
在写项目时，产品要求特殊输入框需要自动将小写英文字母转为大写字母 在input框的方法中有一个oninput的事件名字 oninput 事件在用户输入时触发。 该事件在 或 元素的值发生改变时触发 在这里说一下oninput和onchange的区别 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。 在输入的时候自动转换所以我们要使用oninput事件 例如 οninput=“value=value.toUpperCase()” 如果value不能用,看
input文本框录入字母自动大写
qq_38718629的博客
10-21 2907
向文本框输入文字时，如何让小写字母自动变为大写呢？有一个简单有效的做法是用CSS。 text-transform 有四个可选： none 默认值。无转换发生 capitalize 将每个单词的第一个字母转换成大写，其余无转换发生 uppercase 转换成大写 lowercase 转换成小写 ...
input输入框限制输入条件(正整数/大写字母/小写字母/中文)
最新发布
weixin_44805839的博客
09-12 2153
const inputType =/[^\w_]/g //下划线也可以改成%tips: 方法里传递绑定的参数字符串。只能输入数字和字母和下划线。只能输入数字和小数点。
input输入自动大写
YT1360624的博客
02-28 616
方法1：使用JS <input name="text" type="text" onkeyup="this.value=this.value.toUpperCase()" /> 方法2：使用CSS <input name="t1" type="text" style="text-transform:uppercase;" /> text-t...
js实现用户输入的小写字母自动转大写字母的方法
10-20
函数内部，我们通过`obj.value`获取输入框的当前值，然后调用`toUpperCase()`方法进行转换，并将转换后的大写值重新赋给`obj.value`，从而实现了用户输入的小写字母实时转为大写。 值得注意的是，这种方法仅适用...
输入框内容自动转换为大写字母
08-29
- **JavaScript**: 在前端，我们可以使用JavaScript来监听输入框的`input`事件，一旦检测到输入，就通过`toUpperCase()`函数将文本转换为大写。例如： ```javascript const inputBox = document.getElementById('...
js字符串转货币格式及金额小写转大写
11-10
以下是一些关于如何使用JavaScript将字符串转换为货币格式以及将小写金额转换为大写金额的关键知识点： 1. **货币格式化**： - JavaScript 提供内置的 `Number.prototype.toFixed()` 方法来将数字格式化为带有指定...
批量处理带下划线的字段改成下划线后单词首字母大写
11-03
在Python中，可以使用`title()`函数来实现这一操作，它会将每个单词的首字母转换为大写，其余字母转为小写。 ```python def capitalize_first_letters(s): return s.title() ``` 二、批量转换 当需要对大量字符串...
Input输入框的值默认大写
m0_51041905的博客
09-30 806
如果要添加的输入框较多的话，这个方法有点麻烦，需要一个一个去添加，如果大家有更好的方法，欢迎留言。用到的是toUpperCase()方法，它的作用是将字符串小写字符转换为大写。现在客户提出需求，需要在输入框输入字母时默认为大写，
input输入限制只能输入大写字母/数字/汉字等
Akatsuki233的博客
03-27 3511
1. 限制只能输入大写字母 <el-input v-model="input" oninput="value=value.replace(/[^A-Z]/g,'');"></el-input> 2. 限制只能输入数字 <el-input v-model="input" oninput="this.value = this.value.replace(/[^...
用正则表达式进行input框的限制输入
weixin_51900414的博客
06-11 2480
1.限制input输入框只能输入大小写字母、数字、下划线的正则表达式： 2.限制input输入框只能输入小写字母、数字、下划线的正则表达式： 3.限制input输入框只能输入中文的正则表达式： 4.限制input输入框只能输入数字的正则表达式： 5.限制input输入框只能输入英文的正则表达式： 6.限制input输入框只能输入中文、数字、英文的正则表达式： 7.限制input输入框只能输入数字和字母的正则表达式： 8.限制input输入框只能输入英文字母和数字,不能
input框限制大写字母和数字
mentalitys的博客
04-04 8894
&lt;input type="text" onkeyup="value=value.replace(/[^0-9A-Z]/g,'');"/&gt;A-Z]/g,'');"/&gt; 上面的方法输入框会有填入再删除的效果，不是很理想；直接用oninput &lt;input type="text" oninput="value=value.replace(/[^0-9A-Z]/g,'');&
文本输入框input将输入转换为统一大小写
yieryi_
07-31 1万+
文本输入框input将输入转换为统一大小写，通常有两种方法：JS和CSS方法。 JS方式，通过监控key事件来做到。 key事件有三种keydown event keypress event keyup event KeyDown触发后，不一定触发KeyUp，当KeyDown 按下后，拖动鼠标，那么将不会触发KeyUp事件。 2.KeyPress主要用来捕获数字(注意：包括Shift+数字
js-input框中写入的小写小写字母全部转换成大写字母的js代码
weixin_33973609的博客
08-06 667
<input type="text" id="blinitials" name="blinitials" onkeyup="this.value=this.value.toUpperCase()" /> 转载于:https://www.cnblogs.com/bingliu/p/9428670.html
HTML文本框录入字母自动大写
热门推荐
郑林的专栏
11-11 2万+
HTML中自动转大小写的方法总结。
js实现将input里面输入的金额转为大写显示在另一个input表单里
05-26
可以使用JavaScript实现将输入的金额转换为大写并显示在另一个input表单中。以下是一个示例代码： HTML代码： ```html <label for="amount">请输入金额：</label> <input type="text" id="amount"> <label for="uppercase">大写金额：</label> <input type="text" id="uppercase" disabled> ``` JavaScript代码： ```javascript // 获取输入框和输出框的元素 const amountInput = document.getElementById('amount'); const uppercaseInput = document.getElementById('uppercase'); // 监听输入框的输入事件 amountInput.addEventListener('input', () => { // 获取输入的金额 const amount = amountInput.value.trim(); // 如果输入的不是数字，则清空大写金额输出框 if (!(/^\d+(\.\d{1,2})?$/.test(amount))) { uppercaseInput.value = ''; return; } // 定义数字大写转换函数 const convert = (n) => { const fraction = ['角', '分']; const digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']; const unit = [ ['元', '万', '亿'], ['', '拾', '佰', '仟'] ]; let num = Math.abs(n); let result = ''; // 处理小数部分 for (let i = 0; i < fraction.length; i++) { result += (digit[Math.floor(num * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, ''); } // 处理整数部分 num = Math.floor(num); for (let i = 0; i < unit[0].length && num > 0; i++) { let section = ''; for (let j = 0; j < unit[1].length && num > 0; j++) { section = digit[num % 10] + unit[1][j] + section; num = Math.floor(num / 10); } section = section.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i]; result = section + result; } return result.replace(/(^零)|((零)+$)/g, '').replace(/零{2,}/g, '零'); }; // 将输入的金额转为大写 const uppercase = convert(amount); // 将大写金额输出到输出框中 uppercaseInput.value = uppercase; }); ``` 该代码使用了正则表达式判定输入是否为数字，使用了数字大写转换的函数进行金额转换，最终将大写金额输出到另一个input表单中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值