禁止input文本框输入实现属性

原创 2016年08月31日 10:16:36

readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值

<input type="text" name="www.xxx" readonly="readonly" />

disabled表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值

<input type="text" name="www.xxx.com" disabled="disabled" /> 


另外可以通过css屏蔽输入法:<input style="ime-mode: disabled"> 

最后介绍一个常用的标签,浏览器通常会记录input输入框的记录,所以你在输入的时候,经常会下拉很多内容,如果你想去掉的话,最好加上autocomplete="off",使用方法如下:autocomplete="off" 

<input type="text" autocomplete="off" id="number"/> 




版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

禁用select,input和取消禁用

js禁用select和取消禁用 禁用select document.getElementById('nodeCode').disabled = true; 取消禁用 documen...

禁用/启用整个table的input元素

JQuery控制整个table的禁用/启用

禁用和启用input元素

禁用 input 字段 有时你可能需要禁用表单的 submit 按钮或者某个 input 字段,直到用户执行了某些操作(例如,检查“已阅读条款”复选框)。可以添加 disabled 属性,直到你想启...

input 输入框几种禁用的写法

第一种    第二种    第三种   这三种总有一种 适合。

HTML中Input输入框提示/设置禁用/自动获取焦点

方法一: 搜索" onfocus="this.value=''" onblur="if(this.value==''){this.value='搜索'}" /> 方法二: 方法三:写js代...

HTML中让表单input等文本框为只读不可编辑的方法

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息, 如使input text的内容,中国两个字不可以修改有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息, 如使 的...

html文本框不可编辑,禁止用户修改的几种方法

解决思路:  在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。 具体步骤:  方法一:设置readonly属性为true。 Html代码  type="text...

使input文本框不可编辑的3种方法

今天试了一下使input文本框不可编辑的3种方法,现在总结一下: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收...

webApp中实现input的禁止输入和取消禁止输入

本文纯属个人碰到难题解决方法的记录。 最近在修改一个用phoneGap搭建的html5的webApp,各种不兼容问题搞得头大。由于我是初学者,以前也没有怎么接触过html5和jquer mobile...

设置input输入框不可编辑

1、触发事件里面加对应的input的id的操作:              id="nubberDays"              name="nubberDays"           ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:禁止input文本框输入实现属性
举报原因:
原因补充:

(最多只允许输入30个字)