禁止input文本框输入select无法选择

readonly、disabled、autocomplete

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

代码如下:
<input type="text" name="en_name" readonly="readonly" />

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

代码如下:
<input type="text" name="tw_name" disabled="disabled" />

另外可以通过css屏蔽输入法:<input style="ime-mode: disabled">
最后介绍一个常用的标签,浏览器通常会记录input输入框的记录,所以你在输入的时候,经常会下拉很多内容,如下图:
如果你想去掉的话,最好加上autocomplete="off",使用方法如下:autocomplete="off"

代码如下:

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

select无法选择:

给option加上disabled="disabled"

禁止input文本框输入select无法选择

时间: 2024-12-15 02:10:59

禁止input文本框输入select无法选择的相关文章

input文本框输入内容控制

CreateTime--2016年10月24日15:17:17Author:Marydoninput文本框录入内容控制 1.控制录入的最多是保留两位小数的数字 <input type="text" onkeyup="this.value=this.value.match(/\d+(\.\d{0,2})?/)||[''])[0]" /> UpdateTime--2016年12月17日22:02:18 2.控制不能录入中文,这里只能使用onkeyup属性,原

禁止所有文本框输入特殊字符

1 function getValue(o) { 2 if (o.tagName != '') { 3 tagname = o.tagName; 4 } 5 if ($(o).attr('id')) { 6 attrid = $(o).attr('id'); 7 } 8 if ($(o).val()) { 9 tagvalue = $(o).val(); 10 } 11 } 12 var tagname = ''; 13 var attrid = ''; 14 var tagvalue = ''

input文本框输入限制(正则表达式)

1.只能输入纯数字: <input type='text' onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');" /> 2.只能输入数字和小数点 <input onkeyup="value=value.replace(/[^\d\.]/g,'')" onblur="value=value.replace(/[^\d\.]/g,'')"/> 3.只能输入数字和字母 &

UC浏览器input文本框输入文字回车键自动提交

这是测试今天在jira给我提出的一个bug 下面是贴的代码 屏蔽或者禁止回车键 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--直接行内加--> <!--<input onkeydown="if(event.keyCode==13)

控制input文本框只能输入正整数

项目中遇到input文本框输入数量的问题,当然此处只能输入正整数.所以在此做一些控制 输入大于0的正整数 代码如下: <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.va

转:zTree树控件扩展篇:巧用zTree控件实现文本框输入关键词自动模糊查找zTree树节点实现模糊匹配下拉选择效果

是否可以借助于zTree实现文本框输入关键词自动模糊匹配zTree下拉树,然后选择下拉树内节点显示在文本框内且隐藏下拉树. 看到这个需求脑子里头大致已经想到了要如何实现这样一个需求,当时是限于时间问题所以没有动手处理.今天闲来无事琢磨了一下这个需求.我的解决思路如下所示: 1.监听文本框的onkeyup事件:实时传递其值到某个函数: 2.编写某个函数接收文本框的值通过zTree的模糊查找方法getNodesByParamFuzzy(key,value)获得: 3.将匹配到的节点列表结合重新赋值给

jQuery实现限制input框 textarea文本框输入字符数量的方法

<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery实现限制input框 textarea文本框输入字符数量的方法</title> </head> <script src="http://j2.58cdn.com.cn/js/jquery-1.8.3.js"></script>&l

文本框输入提示/自动完成功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>文本框输入提示/自动完成功能</ti

简单的文本框输入自动提示

简单的文本框输入自动提示--输入的时候可以直接异步加载数据库中匹配的项,然后显示出来. 这里没有使用到数据库,直接在PHP用数组模拟数据存储.  demo演示 原理主要是: 监听输入框的状态,当有改变的时候即刻通过ajax发送数据并取得返回值. 主要使用了jQuery封装很方便,但貌似我这个兼容性不咋地...主要提供个思路吧~ js部分: <script type="text/javascript" src="./js/jquery.min.js">&l