限制输入框的数字大小值与内容长度值

<input oninput="if(value>24)value=24; if(value<8)value=8; if(value.length>2)value=value.slice(0,2)" value="8" />

oninput="" //检测输入的内容;

if(value>24)value=24; //如果输入数字值大于 24 即将输入框的值更改为 24;

if(value<8)value=8; //如果输入数字值小于 8 即将输入框的值更改为 8;

if(value.length>2)value=value.slice(0,2) //限制输入的长度值保持于 2 位;

value="8" //输入框默认初始值;

替换输入框的中文汉字和中文符号

<input oninput="value=value.replace(/[\u4e00-\u9fa5\uff0c\u3002\u3001\u300a\u300b\uff1f\uff1b\u2019\uff1a\u201d\u3010\u3011\u3001\uff01\uffe5\u2026\u2026\u0026\u002a\uff08\uff09\u2014\u2014\u002b\u003d\u002d\u005f\u0020\u002f\u0020\u0024\u0020\u002e\u0020\u0026]{0,}$/g,'')"/>

限制输入的字符:

中文汉字 ,。、《》?;’:”【】、!¥……&*()——+=-_ / $ . &

Unicode 中文互转:

https://www.bejson.com/convert/unicode_chinese/

单击选择输入框内容

<input onclick="this.select()">

双击选择输入框内容

<input onDblClick="this.select()">

鼠标激活和经过按钮颜色变换

<input type="submit" value="输入值" onMouseOut="this.style.color='blue'" onMouseOver="this.style.color='red'" />

鼠标划过激活输入框

<input type="text" value="输入值" onmouseover="javascript:this.focus();" />

鼠标划过激活并选中输入框内容

<input type="text" value="输入值" onmouseover="this.focus();this.select();" />

选中输入框即选择内容

<input type="text" value="输入值" onfocus="this.select()" /> 

如果输入值等于预置值则显示提示值

<input type="text" value="输入值" onclick="if(this.value=='预置值')this.value='提示值'" />

如果输入值不等于预置值则显示提示值

<input type="text" value="输入值" onclick="if(this.value!='预置值')this.value='提示值'" />

鼠标激活并离开输入框后显示预置内容

<input type="text" value="" onblur="if(this.value==''){this.value='自动填充内容';}" />

点击输入框后清空指定输入框内容

<input type="text" value="输入值" id="ab" onclick="document.getElementById('ab').value=''">

点击输入框后清空所选输入框内容

<input type="text" value="输入值" onclick="javascript:this.value=''" />

去掉输入框和按钮边框默认淡蓝色框线

<input type="text" value="输入值" style="outline: none;" />
分类: 前端开发

0 条评论

发表回复

Avatar placeholder

您的电子邮箱地址不会被公开。 必填项已用*标注