类似于资料修改并且保存的操作-白红宇

类似于资料修改并且保存的操作

阅读量：7105 次

发布时间：2019-06-28

本文共 479 字，大约阅读时间需要 1 分钟。

前几天遇到有人问想做一个修改和保存资料的效果于是想了想研究了下

想到了三种实现方式当然用户体验有待研究。。由于刚开始写博客语言组织和代码都比较差欢迎大家指正

1、类似于QQ的资料修改(本来就是input输入框先隐藏边框鼠标移动上去出现边框得到焦点时可以编辑失去焦点时保存)

如下图这个就不说啦太简单了

代码如下


     这里主要写思路 布局就没那么细啦请输入名称：

2.文本在页面上保存时用文本标签包裹，当点击修改时在对于的文本后面插入input 并且把标签innerHTML赋给input的value

代码如下


     代码二
     	
      姓名姓名姓名
	
      AAAAAAAAbbbbbbbb
	
      更改

3、利用input的readyonly属性来控制为只读当点击修改时移除掉readyonly 属性

代码如下

代码三

修改

保存

转载于:https://www.cnblogs.com/xingmi/archive/2012/06/01/2530720.html

你可能感兴趣的文章