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

【让表单input等文本框为只读不可编辑的方法-转】的更多相关文章

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

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

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

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

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

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

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

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

Jquery学习笔记：操作form表单元素之一（文本框和下拉框）

一.概述在web页面开发中,经常需要获取和设置表单元素的值(如文本框中的内容),特别是在ajax应用中,更是常态.本文系统的介绍下如何操作. 同操作其它html元素一样,操作的过程差不多. 第一步,需要获取到表单元素对应的jquery(或dom)对象.这个主要是利用jquery的选择器机制. 第二步,调用表单元素的属性和方法来获取和设置值. 其中最常见的就是利用jquery对象的val方法.因为很多表单元素都有标准的 value属性,这个可以通过jquery的 val方法来读取和设置属性值.…

JQuery基础原理与实例验证表单省市联动文本框判空单选复选判空下拉判空确认密码判等

JQuery 基础原理 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script src="js/jquery-1.11.0.min.js" type="text/javascript" ></script&g…

对pdf 表单域或文本框的操作---动态填充PDF 文件内容

前提:需要pdf模板:并且模板内容以pdf 文本框的形式填写 package com.test;import java.io.File;import java.io.FileOutputStream;import java.io.OutputStream;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map; import org.junit.Test; imp…

将input 的文本框改为不可编辑状态

<input type="text" id = "textid" name="名称" value="值" size="文本框宽度" maxlength="最大字符长度"/> 1)disabled="true "文字会变成灰色,不可编辑,双击鼠标不可复制<input type="text" id = "textid&quo…

巧用jquery实现提交(submit)表单时候验证文本框是否为空

http://www.cnblogs.com/wifi/articles/2387131.html 先引用jquery Html部分--------------------------------- <form> <table> <tr> <td align="center"><input id="t1" type="text" size="5" msg="姓名&…

html css input定位文本框阴影灰色不可编辑

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

使用 elementUI 的表单进行查询，表单中只有一个文本框时，回车会自动触发表单的提交事件，导致页面的刷新。

使用elementUI的el-form组件进行查询时,当输入框仅有一项时,回车自动提交表单,浏览器会刷新页面: 原因:由于当表单只有一个文本框时,按下回车将会触发表单的提交事件, 从而导致页面刷新. 1 <el-form :inline="true" :model="getForm" class="demo-form-inline"> 2 <el-form-item label="科目名称"> 3 &l…

实现表单input文本框不可编辑的三种方法

感谢原文作者:青灯夜游原文链接:https://www.php.cn/div-tutorial-413133.html 目录问题实现方式 1.οnfοcus=this.blur() 2.readonly属性 3.disabled 属性注意 readonly属性和disabled 属性的区别 disabled 属性----禁用属性 readonly属性----只读属性问题有时,我们需要以不可编辑的模式显示表单域,那么如何实现?我们可以通过为表单字段(input文本框,标签,复选框,文本…

在表单(input）中id和name的区别

但是name在以下用途是不能替代的:1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制.因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的.此外浏览器会根据name来设定发送到服务器的request.因此如果用id,服务器是无法得到数据的.2. frame和window的名字,用于在其他frame或window指定target.以下两者可以通用,但是强烈建议用id不要用name:1. 锚点,通常以前写作<a name=&quo…

form表单input回车提交问题

问题:文本框输入完成后点击回车页面刷新问题出在form上,当表单中只有一个文本框的时候获取焦点并点击回车之后会提交表单内容,就会发生刷新事件. 解决方法: 1.增加一个隐藏的输入框 <input itype="text" style="display:none" /> 增加了一个隐藏的输入框之后,表单的文本框不再是唯一的,回车不会触发提交事件 2.去掉输入框的回车事件 <input type="text" onkeydown=&…

表单input按钮在各浏览器之间的兼容性

从网上看了这篇关于表单input按钮的浏览器兼容性问题,总结的还不错,所以copy下来学习下. input按钮在各个浏览器之间的兼容性问题,看下边这段代码: input.item { background: #4D90FE; border: 1px solid #4D90BB; color: white; } <input type="submit" value="提交" /> 这是很简单的一个input提交按钮,它在各大浏览器中的情况如下: 很明显,我…

前端福利之表单input按钮在各浏览器之间的兼容性(转)

从网上看了这篇关于表单input按钮的浏览器兼容性问题,总结的还不错,所以copy下来学习下. input按钮在各个浏览器之间的兼容性问题,看下边这段代码: input.item { background: #4D90FE; border: 1px solid #4D90BB; color: white; } <input type="submit" value="提交" /> 这是很简单的一个input提交按钮,它在各大浏览器中的情况如下: 很明显,我…

js获取子节点和修改input的文本框内容

js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点例如:$("#"+defaultPVItemId).children().eq(3).find('input').val('当前位置'); //修改某个选择器下的第四个子节点的input节点的输入框文本内容 js修改属性内容: attr():该方法一般是获取某个属性值,或者修改某个属性值,…

雷林鹏分享：jQuery EasyUI 表单 - 格式化下拉框

jQuery EasyUI 表单 - 格式化下拉框本教程向您展示如何创建一个简单的下拉框(Combobox),让它在下拉框中显示图片项.您可以在下拉框(combobox)上使用 formatter 函数来告诉它如何格式化每一个条目. 创建图像下拉框(Combobox) url="data/combobox_data.json" valueField="id" textField="text"> $('#cc').combobox({ fo…

form 表单<input type="button" value="登录" onclick="loginSubmit ()"/> 点击提示 Uncaught TypeError: loginSubmit is not a function

在网上搜了一堆东东,仔细看了一下,再加上实验,发现原因出在<form>中. <form method="post"> <button type="button" class="signin" id="loginNewSubmit" onClick="javascript:loginSubmit('new');">登录</button> form 中使用 but…

如何disabled禁用所有表单input输入框元素

转载地址:https://www.zhangxinxu.com/wordpress/?p=8568 一.pointer-events:none和覆盖层方法的问题经常会遇到需求,需要禁用div中或者form元素中一堆表单控件元素,如<input>,<select>,<textarea>元素. 很多人用的下面这两种方法实现: 设置pointer-events:none,该声明不了解可参见“CSS3 pointer-events:none应用举例及扩展”这篇文章.例如: f…

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型)

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型) 一丶HTML块级标签排版标签 p 标签: 段落标签,会自动在段落上下加上空白来分开 p标签是一个文本标签,本身是一个块级标签不能再嵌套块标签 div 标签: 没有样式的标签 ,最常用列表 1.无序列表常用 2.有序列表 3.标题列表 # 无序列表 circle:空心圆, disc:默认实心圆,square:实心方片 <ul type='circl…

清除表单input输入框内数据

清除表单input输入框内数据 1. $(':input','#addVoucherType') //'#addVoucherType'表单id .not(':button') .val('') .removeAttr('checked') .removeAttr('selected'); 2. $("#addBillTypeForm")[0].reset();//‘#addBillTypeForm’表单id…

HTML5的表单input元素的新属性

知识点 <HTML5的表单input元素的新属性>,留待学习分享...  <!--<input type=email ....限制用户输入emain格式 url ....限制用户输入网址格式 data ....限制用户输入日期格式…

将HTML文本框设为不可编辑文本框。

将HTML文本框设为不可编辑文本框. 方法1: onfocus=this.blur() <input type="text" name="input1" value="不可编辑文本框" onfocus=this.blur()> 方法2:readonly <input type="text" name="input1" value="不可编辑文本框" readonly&g…

(三)在js(jquery)中获得文本框焦点和失去焦点的方法

在js(jquery)中获得文本框焦点和失去焦点的方法文章介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点,加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现,有需要的朋友可以参考一下先来看javascript的直接写在了input上: <input name="pwuser" type="text" id="pw…

jQuery监控文本框事件并作相应处理的方法

本文实例讲述了jQuery监控文本框事件并作相应处理的方法.分享给大家供大家参考.具体如下: //事情委托 $(document) .on('input propertychange', '#query', function(){ var input = $(this).val(); show(input); }); var show = function(txt){ var info = '监听:<b>' + txt + '</b><br /><…

一、表单和ajax中的post请求&&后台获取数据方法

一.表单和ajax中的post请求&&后台获取数据方法最近要做后台数据接收,因为前台传来的数据太过于混乱,所以总结了一下前台数据post请求方法,顺便写了下相对应的后台接收方法. 前台主要的contenttype为下面三种:(需要注意的是请求头中datatype与contenttype的区别,datatype是要求浏览器返回的数据格式,这里的contenttype指的是提交的数据格式) 应用情景: multipart/form-data类型主要是上传文件时用到: application/…

HTML学习笔记域元素(form表单、textarea文本域、fieldset域集合、input使用) 案例第四节（原创）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单</title> </head> <body>  <form> 用户名:  <input type="text">…

解决Bootstrap布局注册表单input标签前增加必填项*提示与input框不在同一行问题

注册表单部分代码如下: <form id="registForm" class="form-horizontal" action="${pageContext.request.contextPath }/register" method="post" style="margin-top: 5px;"> <div class="form-group"> <la…

form表单传递下拉框的Value和Text值，不适用Jquery传递

同时获取下拉框的Value和Text值的解决办法:添加一个<input type="text" >文本框,用户选中一项后就将该项的value值给他然后接受页面获取该文本框变迁即可获取到相应的Text值表单填写页面: 1 2 3 4 5 6 7 8 <script src="<?=base_url();?>javascript/jquery.js" type="text/javascript"></sc…