文本框可编辑查看页面

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>文本框可编辑查看页面</title><script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script><style>.form_ul li{margin-top: 5px; font-size: 14px;line-height: 30px;list-style-type:none;}.form_ul input[disabled]{background: none; border:0;}.Default_btn{padding:0 10px;height: 30px; min-width: 50px; line-height: 30px; text-align: center; background-color:#006AB6;  font-size: 16px; display: inline-block; color: #fff; cursor: pointer; border:0;}.Default_btn.close{background-color: #EEF7FE; color: #333; border:1px solid #CFE8FF;}.btn_subimt .Default_btn{margin-right: 20px;}</style><script type="text/javascript">$(document).ready(function(){$('.edit_btn').click(function(){$(".form_ul input").attr("disabled",false);})$('.submit_btn').click(function(){$(".form_ul input").attr("disabled",true);})})</script></head><body><ul class="form_ul"><li><span>姓名：</span><input type="text" value="张三" name="name" disabled="disabled"/></li><li><span>电话：</span><input type="text" value="18192517955" name="phone" disabled="disabled"/></li><li><span>地址：</span><input type="text" value="人民路" name="phone" disabled="disabled"/></li></ul><div class="btn_subimt"><input class="Default_btn close submit_btn" value="提交" type="submit"><input class="Default_btn edit_btn" value="修改" type="submit"></div></body>
</html>

文本框可编辑查看页面相关推荐

PMEdit一个富文本框可以编辑文本、并可以显示GIF动画
PMEdit一个富文本框可以编辑文本.并可以显示GIF动画发布时间:2013-04-14 发布来源: 护士必必要有同情心和一双愿意工作的手. 一.在开端之前起首吐槽一下,本人是一个自力开辟者,在中国 ...
Windows文本框星号密码查看器
Windows文本框星号密码查看器本人2002的学习作品作者:成晓旭 1. 设计原理:注册一个系统级鼠标挂钩,通过监测系统鼠标所在Windows窗口来获取密码,成功获取密码之后,通过发送自定义的 ...
HTML -- 使input文本框不可编辑的2种方法（有disabled属性的input框，后台获取不到值）
1. 使input文本框不可编辑的2种方法今天在写JSP的时候我写了这样的代码 updateBook.jsp <form action="${pageContext.request. ...
html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...
这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下本文实例讲述了js实现文本框中输入文字页面中 ...
使input文本框不可编辑的3种方法
转自点击打开链接今天试了一下使input文本框不可编辑的3种方法,现在总结一下: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能 ...
php编辑框禁止输入,如何设置表单的input文本框不可编辑
设置表单input文本框不可编辑的方法:首先创建相应的代码文件:然后通过为表单字段设置为"οnfοcus=this.blur(),readonly.disabled"来实现不可编辑 ...
vue 清除＜el-input＞当前文本框不能编辑this.$forceUpdate()；
vue 清除当前文本框不能编辑在当前文本框添加@change 方法调用 urlMed() . urlMed() {this.$forceUpdate();}
在html中文本框不可编辑状态,input框不可编辑_怎么让Html文本框不可编辑
摘要腾兴网为您分享:怎么让Html文本框不可编辑,中国知网,优品多多,优路教育,银万财富等软件知识,以及hackertyperneo,永久进销存软件,dnf女鬼剑武器补丁,锁机软件,hevc编码器, ...
JS实现文本框不可编辑
方法1: οnfοcus=this.blur() 当鼠标放不上就离开焦点 <input type="text" name="input1" value=& ...

文本框可编辑查看页面

文本框可编辑查看页面相关推荐

最新文章

热门文章