使用js让某个输入框只读不可编辑

  • 2024-09-07

javascript:让表单 文本框 只读，不可编辑的方法

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改.实现的方式归纳一下,有如下几种. 方法1: onfocus=this.blur()<input type="text" name="input1" value="中国&

js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件，兼容各大主流浏览器 HTML特殊字符

js中对arry数组的各种操作小结   最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊,为了在以后的工作中写出最优化的代码,我们必须要不断的充电,不断的提高自己的技能. 废话不多说,现在我将最近看的有关arry的一些心德和使用分享出来,希望能够给大家带来小小的一点帮助.谢谢! 可以这样说Arry应该是我们在平时写js代码中,使用频率最高的,在平时的项目中,很多数据都是可以通过arry

js监听输入框值的即时变化onpropertychange、oninput

js监听输入框值的即时变化onpropertychange.oninput 很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感. // //   要达到的效果 很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感.比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google的关联搜索效果等. 只要我们能捕获即时事件就能做到很多事情. 需要了解的知识 首先,我们需要了解onchange和o

js判断input输入框为空时遇到的问题 弹窗后，光标没有定位到输入框，而是直接执行我的处理页面程序

无论是会员注册还是提交订单,我们都要使用到form表单,此时我们在处理数据时,就要判断用户填写的信息.一次是直接通过js判断input输入框是否没有填信息,然后在后台处理文件中通过过滤字符串后再次判断是否确实有内容了. 我遇到的问题:(记下来,下次忘记了再回来看看) js判断input输入框判断为空,  弹窗后,光标没有定位到输入框,而是直接执行我的处理数据程序. 我错误的原因是,在js代码中定位光标时代码写错了,注明为黄色字体 JS代码部分: <!-- js判断是否为空 --> <sc

HTML中让表单input等文本框为只读不可编辑但可以获取value值的方法；让文本域前面的内容显示在左上角，居中

  HTML中让表单input等文本框为只读不可编辑的方法 有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使input text的内容,中国两个字不可以修改   有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改.实现的方式归纳一下,有如下几种. 方法1

js插件---JS表格组件BootstrapTable行内编辑解决方案x-editable

js插件---JS表格组件BootstrapTable行内编辑解决方案x-editable 一.总结 一句话总结:bootstrap能够做为最火的框架,绝对不仅仅只有我看到的位置,它应该还有很多位置可以极大的方便开发,可能是插件这一块,也可能是别的. 1.创建可编辑弹出框的插件叫什么? x-editable组件 2.bootstrap Table的优势是什么? 在开发经历中,也使用Jqgrid.EasyUI等表格组件.相比而言,bootstrap Table有自己的优势: 1.界面采用扁平化的风

javascript脚本设置输入框只读的问题

今天在开发中准备通过javascript设置input框只读属性的时候,用document.getElementById('input').readonly='readonly';结果发现这样设置无效. 于是试着disable的属性,用同样的方法设置是有效的.document.getElementById('input').disabled=disabled; 于是感觉很奇怪.因为在dreamweaver中输入框这两个属性都是这样设置的.而且readonly只要存在于input框就有效,后来忽然

easyui textbox 设置只读不可编辑状态

在使用easyul的时候,发现输入框内容及不容易获取与设置,用jQuery的方式大部分失效.依稀记得好像是因为easyul会在原页面的基础上,生成了一些新的独有样式,并且暂时覆盖掉使用了easyul的标签块.  具体我也忘记了,反正知道有这么会事就可以啦, --输入框 $("#xx").textbox('setValue','value');  //设置输入框的值 $('#xx').textbox('textbox').attr('readonly',true);  //设置输入框为禁

JS组件系列——BootstrapTable 行内编辑解决方案：x-editable

前言:之前介绍bootstrapTable组件的时候有提到它的行内编辑功能,只不过为了展示功能,将此一笔带过了,罪过罪过!最近项目里面还是打算将行内编辑用起来,于是再次研究了下x-editable组件,遇到过一些坑,再此做个采坑记录吧!想要了解bootstrapTable的园友可以移步 JS组件系列——表格组件神器:bootstrap table. 本文原创地址:http://www.cnblogs.com/landeanfen/p/5821192.html 一.x-editable组件介绍 x

使用js设置input标签只读 readonly 属性

先上代码: <html> <head> <title> test </title> <meta charset="utf-8"> </head> <script language="JavaScript"> function setReadonly() { //document.getElementById("test").setAttribute("r

使用js实现input输入框的增加

<!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><meta http-equiv="Content-Typ

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

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改.实现的方式归纳一下,有如下几种. 方法1: onfocus=this.blur() 当鼠标放不上就离开焦点<input type="text" name="input1" val

JS框架avalon简单例子 行编辑 添加 修改 删除 验证

为什么要写这个例子:做表单的时候,表单包含主子表,对于子表的编辑,使用的是easyui datagrid的行编辑功能,由于业务比较复杂,实现起来比较麻烦,代码写的也很多,因为插件的封装,无法操作原始的html标签,一些功能不知如何实现,所以想到了avalon,希望对于行编辑的功能,能找到更好的解决方案. 代码: <!DOCTYPE html> <html> <head> <title>avalon 例子</title> <script ty

js验证input输入框（字母，数字，符号，中文）

[javascript]代码库 <h1>js验证输入框内容</h1> <br /> <br /> 只能输入英文 <input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"> <br /> <br /> 只能输入英文 <input type="text" onkeyup="val

JS实现双击内容变为可编辑状态

在一些网站上我们经常看到交互性很强的功能.一些用户资料可以直接双击出现文本框,并在此输入新的资料即可修改,无需再按确定按钮等.. 我在网上查了很多资料,但都有一个小bug,就是当获取焦点后,光标的位置在文本框内容是开始处,这样编辑时还需要用户再重新选择一下光标位置,这样的交互感觉不好:后来查到新的资料解决了此问题,希望可以帮助到更多的人. 代码部分: 注意:设置选择文本的内容或设置光标位置 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

js 验证input 输入框

<h1>js验证输入框内容</h1><br /><br /> 只能输入英文<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"><br /><br />只能输入英文<input type="text" onkeyup="value=value.replace(/[^\a-

[转]JS组件系列——BootstrapTable 行内编辑解决方案：x-editable

本文转自:http://www.cnblogs.com/landeanfen/p/5821192.html 阅读目录 一.x-editable组件介绍 二.bootstrapTable行内编辑初始方案 三.bootstrapTable行内编辑最终方案 1.文本框 2.时间选择框 3.下拉框 4.复选框 5.“阴魂不散”的select2 四.总结 正文 前言:之前介绍bootstrapTable组件的时候有提到它的行内编辑功能,只不过为了展示功能,将此一笔带过了,罪过罪过!最近项目里面还是打算将行

clips 前端 js 单选按钮与输入框 的配合变化

情形1: 一对单选按钮 一个输入框组 输入框组随单选按钮的改变而替换文字或执行其它 片段属于 介绍单选框的基本使用方式  : 1.单选框是有分类的,每个单选框有自己所属的组 从而一个页面可以拥有多组单选框而不互斥 同组内单选框互斥只能单选 单选框的name属性值标示了它所属的组    具体代码表现:name属性值相等 2.脚本处理时 可以在一个方法里,很方便通过value传递的值 得到想要的数据 或判断是否被选中 判断是否选中 还可用原生的  document.getElementById("r

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

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改.实现的方式归纳一下,有如下几种. 方法1: onfocus=this.blur() 当鼠标放不上就离开焦点<input type="text" name="input1" val

js技术之input只读功能可以通过js设置readonly

一.input标签 输入项标签,不同type属性,会有不同的显示效果和不同的作用 input标签的属性: disabled:表单项禁用,不可修改值,也不会被提交 readonly:表单项只读,不可修改值,但会被提交 二.案例 根据Name来获取并设计(本人使用) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <!--显示

JS监听输入框值变化兼容 onpropertychange、oninput

onpropertychange 属IE oninput 属除IE外(Chrome.Firefox.SS) 所以肯简单的办法嘛: 1. 一个input里面写两个属性事件 2.写在JS中判断浏览器添加监听事件 <script type="text/javascript"> function immediately() { element = document.getElementById("mytext"); if (window.ActiveXObjec

热门专题

jmeter数据库连接、,request select操作
easyui datagrid 汇总合并
iOS 获取图片颜色
Newtonsoft.Json 增删改
C#批量update Oracle数据库
iOS 浏览器底部返回栏显示/隐藏的问题
quickping无毒
sqldeveloper打开后出现enter找不到
docker rocket broker 无法启动排查
使用eclipse,android中构建器出错
c# TcpListener 长连接
postman中的post请求header里边都什么内容
arcgis关联和连接的区别
mybatis怎么用循环语句实现查询
jmeter S3上 PUT 传接口
mac nvm环境变量配置
dev LabelControl复制
PopupMenu背景色
Turtle训练课程
HTML 页码怎么固定在一个位置