input 标签

1、取消input的选中时的高亮状态

input {

    outline: none;

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

}

2、文字在input中的位置

padding-left: 10px;

3、改变input的字体颜色

input::-webkit-input-placeholder{

font-size:16px;

color: #8C8C8C;

}

4、聚焦的时候取消提示信息，空的时候显示提示信息

<input placeholder='请输入手机号' οnfοcus="this.placeholder=''" οnblur="this.placeholder='请输入手机号'">

5、限制input框中只能输入数字

①、正则表达式

<input type="text"οnkeyup="clearNoNum(this)" placeholder="请输入调整的价格" />

function clearNoNum(obj){

obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符

obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字而不是.

obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的.

obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");

}

②、直接对input框进行设置(键盘只能用)

<input type="number" pattern="[0-9]*" placeholder="请输入商家注册的手机号" οnfοcus="this.placeholder=''" οnblur="this.placeholder='请输入商家注册的手机号'" id="phone">

6、限制input框中只能输入中文

$(function(){

$('#name').bind('input propertychange', function() {

var name = $(this).val();

var chineseReg = /^[\u4e00-\u9fa5]*$/;

if (!chineseReg.test(name)) {

dialog("只能输入中文");

$(this).val($(this).val().substring(0, 0));

return false;

}

});

})

7、input框中苹果手机系统输入法的限制：

$('#numID').bind('input propertychange', function() {

var inpuNumStr=this.value;

if (inpuNumStr.length <= 17){

this.value = this.value.replace(/[\W|\_]/g,function(){

dialog('只能输入字母或数字');

return '';

})

}else {

this.value = this.value.replace(this.value,function(){

dialog('ime串号不能超过17位');

return inpuNumStr.substr(0,17);

})

}

});