禁止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"/> 




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

html禁止input文本框输入的几种方式

一、html禁止input文本框输入: readonly: disabled:  maxlength:  blur:
  • caryyin
  • caryyin
  • 2014年07月02日 10:00
  • 4209

input禁止输入的方法

1: readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。 type="text" value="哈哈哈" reado...
  • diwuyanting
  • diwuyanting
  • 2017年11月21日 10:42
  • 205

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

readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值 disabled表示禁用input元素,不可编辑,...
  • NotBad_
  • NotBad_
  • 2016年08月31日 10:16
  • 1505

html中的input文本框禁止输入问题

我们在进行前端页面开发时,经常会遇到输入框禁止输入的问题,html中提供了三种方式来解决,readonly、disabled、autocomplete。严格地讲前两种才是禁止用户输入,而autocom...
  • nicolas_huan
  • nicolas_huan
  • 2017年03月28日 10:37
  • 3135

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

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

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

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

input 禁止输入特殊字符

昨天项目搜索的时候报错,蛋疼的是生产库中的,看了下日志,原因是用户搜索的时候输入了特殊字符,没办法最快捷的办法是直接把用户输入的数据进行筛选,去掉特殊字符 有些特殊字符传入到后台是会产生错误的  有...
  • u010982856
  • u010982856
  • 2016年08月24日 10:25
  • 16479

HTML中输入框禁止手动输入的属性

readonly 和 disable的区别 Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:      Readonly只...
  • qq_27918787
  • qq_27918787
  • 2016年09月24日 22:34
  • 2321

在输入框中禁止输入非法字符

 function maskEdit(pattern) {  var src = event.srcElement;  var selRange = document.selection.create...
  • cybermat
  • cybermat
  • 2006年08月10日 10:49
  • 2361

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

今天想总结几个很有用的html标签,开发中经常用到,不熟悉的人可能还真不太清楚,分别是: readonly、disabled、autocomplete readonly表示此域的值不可修改,仅可与 t...
  • qilixiang012
  • qilixiang012
  • 2015年08月04日 16:54
  • 1065
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:禁止input文本框输入实现属性
举报原因:
原因补充:

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