怎么可以通过输入框后面的编辑来控制输入框输入内容

怎么可以实现
输入框后面有个编辑 当点击编辑的时候 可以修改输入框的内容 然后可以保存或者不保存。保存后，输入框的内容不可修改，除非再次点击编辑。
这个功能

可以动态的控制输入框的属性disabled或readonly，默认disabled=disabled或readonly=readonly()，编辑后移除你所加的属性$("input").removeAttr("readonly");，保存后又添加属性($("input").attr("readonly","readonly");)

要用什么来实现、。。。。。。。。

这是html中用还是gui中用 不描述清楚怎么弄

前段时间刚做过 ，页面就一个编辑按钮 给input 文本里面定义disable 为true 不可编辑

点击编辑时出现保存按钮 保存后就可以实现文本框更改。我这个里面编辑时候是把表单的input中disable 删除
type="submit" value="保顿" id="save" hidden="hidden" />

                function setAbled(){
    $(".editble").removeAttr("disabled","disabled");
    $('#edit').attr("hidden","hidden");
    $('#save').removeAttr("hidden","hidden");
}


    function setDisabled(){
    $(".editble").attr("disabled","disabled");
    $('#edit').removeAttr("hidden","hidden");
    $('#save').attr("hidden","hidden");
}
function show(customerid){
    selectrow(customerid);
    setDisabled();
}

JQuery可以解决这个问题，双击文本框内容可以修改，

http://ask.csdn.net/questions/264553

document.getElementById("dis").disabled=flase;
document.getElementById("dis").disabled=true;