关于文本框的一些限制控制(强啊)

1.限制文本框不能输入中文:

 

以前很多时候会去使用判断去写,比如:

 

但是很少会有人用ime-mode:disabled(用css实现关闭文本框输入法)

 

ime-mode

语法:

ime-mode : auto | active | inactive | disabled

取值:

auto :默认值。不影响IME的状态。与不指定 ime-mode 属性时相同
active :指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive :指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled :

完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME

 

那么:

<input οnpaste="return false;" type="text" name="textfield" style="ime-mode:disabled" value="">

蓝色处为禁用输入法。

 

扩展:

自己琢磨琢磨哈~

 

2..限制文本框不能粘贴:

 

一般看到这个我们会有这样的思路:禁用掉Ctrl键和C键,再禁用掉右键,就可以完美的禁用粘贴功能了。

那么需要写JS文件了(此JS文件本博客有相关内容,标题为《JS实现文本框禁用右键和复制粘贴功能》)

 

其实 οnpaste="return false;" 就可以很完美的实现禁用粘贴,而且要注意,它禁用掉的是粘贴的功能,所以使用了这个属性,即使不禁用掉右键,用户也无法粘贴内容。

那么:

<input οnpaste="return false;" type="text" name="textfield" style="ime-mode:disabled" value="">

红色处为禁用粘贴。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值