模拟文本框的只读和限定输入

上面讲了文本框的禁用,input标签的一个属性,它就是disabled属性,它可以禁止用户修改信息,只能看,而且它里面的元素连选中都不可以,而下面要讲的一个属性和它很像却又有些不同

下面我们就来看一下吧。

这个属性就是input的readonly,它定义input里面输入的字段为只读,他也是不能修改的一种,他这种属性可以让人选中到它的框内,但是加了禁用属性的却不能选中那个文本框,

模拟文本框的只读和限定输入

我们来看一下效果图吧

模拟文本框的只读和限定输入

这个可以看出只读可以让人选择到它的文本框,

模拟文本框的只读和限定输入

而禁用却不行。

Input属性里面还可以写这么一段

模拟文本框的只读和限定输入

οnkeyup=“value=value.replace(/[^0-9]/g,’’)”,它运用的包含正则表达式,运用它你可以让你的文本框只能输入1-9的数字,当你按下不是数字的键盘键,键盘键弹起来的时候,他就会变为空,这样你就要重新输入了