html数字与字母宽度不一样_随笔

中文字体的样式都这样。

html数字与字母宽度不一样中文字体的样式都这样，数字和汉字不一样大只能对数字单独设一个样式了，在数字上加P标签或者SPAN标签，重新定义字体样式。

数字占据的空间差异是由数字的宽度引起的（与其他答案中建议的字距或字母间距相反）。

单纯HTML无法实现你要的功能，javascript也只能实现客户端的限制，要做到完全限制还是需要服务端的逻辑控制。我给一下js的实现吧

function checkInput(obj){

var _szText = obj.value

if(!_szText) return

for(var i=0i<_szText.lengthi++)

{

if(_szText.charCodeAt(i) >128)

{

alert('只允许输入数字，字母，符号')

return

}

然后你的HTML控件像这样：<input type='text' onchange='checkInput(this)' />

也就是加一下onchange事件的触发就可以了。

<html>

<body>

<p>通过下面的方法</p>

<li>这是数字一第一行</li>

<li>这是数字一第二行</li>

</ol>

<li>这是英文字母 C行</li>

</ol>

</ol>

</body>

</html>

/*以上是代码和展示，希望对你有帮助。满意采纳奥------- */

欢迎分享，转载请注明来源：内存溢出

html数字与字母宽度不一样