js实现点击按钮可实现编辑
<script type="text/javascript">
//修改密码
//抓取到的数据
function edit() {
document.getElementById("ps").style.display = "none";
document.getElementById("pw").style.display = "";
document.getElementById("of").style.display = "";
var butt = document.getElementById("btt");
butt.value = "修 改";
butt.onclick = function () {
save();//第二次单击的时候执行这个函数
};
}
//取消健
function off() {
var pass = document.getElementById('ps');
var pws = document.getElementById("pw");
var butt = document.getElementById("btt");
document.getElementById("of").style.display = "none",
butt.value = "编 辑";
pws.style.display = "none";
pass.innerHTML = pws.value;
pass.style.display = "";
butt.onclick = function () {
edit();//还原第一次单击的时候执行的函数
};
}
//编辑之后的状态
function save() {
var pass = document.getElementById('ps');
var pws = document.getElementById("pw");
var butt = document.getElementById("btt");
butt.setAttribute("type","submit");
butt.value = "编 辑";
pws.style.display = "none";
pass.innerHTML = pws.value;
pass.style.display = "";
butt.onclick = function () {
edit();//还原第一次单击的时候执行的函数
};
}
</script>
</p>
<form action="oneself.php" method="post">
<p style="font: 16px '宋体';">姓名: <input type="text" name="name" value="张三" /></p>
<p style="font: 16px '宋体';">账号: <input type="text" name="handset" value="13888888888" /></p>
<p style="font: 16px '宋体';">密码: <span id="pass" style="border: 1px solid gray; width: 200px;">888888</span> <textarea id="ei" style="display: none;" name="newpass">888888</textarea> <input id="btt" onclick="edit();" type="button" name="btt" value="编 辑" /> <input id="of" style="display: none;" onclick="off();" type="button" name="of" value="取 消" /></p>
</form>
最新文章
- 【前端】stopPropagation, preventDefault, return false的区别
- linux安装软件通常会做哪些事
- struts2 学习记录 过滤器 国际化
- Android Studio 简单功能介绍
- Cocos2dx开发游戏移植到Android平台
- SQLSERVER 16进制转10进制
- 【转】MATLAB在一幅图上添加多个纵坐标轴
- 操作系统——CPU、计算机的构成
- Linux开发工具之Makefile(下)
- VS2010/MFC对话框二:为对话框添加控件)
- 初始化git
- [SHOI2008]小约翰的游戏John
- centos7 把终端显示改为英文/中文
- ORACLE,DECODE函数和排名函数DENSE_RANK函数的使用
- 基于CRM跟进(活动)记录中关键字识别的客户跟进加权值的成单概率算法
- 华硕FX503V 安装ubuntu遇到问题解决
- 线上bug处理
- python记录_day13 内置函数
- Select、Poll与Epoll比較
- 【POJ】1419:Graph Coloring【普通图最大点独立集】【最大团】
热门文章
- 记录开发Nodejs c++ addon的一些经验(一、技术栈)
- ANN神经网络——实现异或XOR (Python实现)
- 如何使用idea把web项目打成war包
- [PE格式分析] 4.IMAGE_FILE_HEADER
- Android学习——自定义控件(二)
- Eclipse控制台输出信息的控制(引用其他人的博客)
- Python初学者第九天 字符串、列表、字典练习
- 年金(annuity)
- 用phpstudy搭建的lnmp环境下mysql授权远程连接
- Java文件操作工具类