Chinaunix首页 | 论坛 | 博客
  • 博客访问: 528293
  • 博文数量: 108
  • 博客积分: 3242
  • 博客等级: 中校
  • 技术积分: 916
  • 用 户 组: 普通用户
  • 注册时间: 2010-09-07 11:46
文章分类
文章存档

2012年(13)

2010年(95)

分类: 系统运维

2010-11-04 15:32:00

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<title></title>
<style>
input.t {
    border:1px solid #fff;
    background:#fff;
}
input.s {
    border:1px solid #369;
    background:#fff;
}
</style>
</head>
<body>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
  <input class="t" id="test" readonly value="这里是标题,双击文字后实现编辑文本功能" />
  <input type="submit" value="修改" style="display:none;" id="submit" />


<script type="text/javascript">
var test = document.getElementById("test");
var mysubmit = document.getElementById("submit");
test.ondblclick = function()
{
 this.readOnly = false;
 this.className = "s";
 mysubmit.style.display = "";
}
mysubmit.onclick = function()
{
 test.readOnly = true;
 test.className = "t";
 this.style.display = "none";
}
  </script>


<br/>
</p>
</body>
</html>


阅读(1682) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~