Textbox 点击编辑效果

JS

  <script language="javascript">

 

  script>

CSS

  <style type="text/css">

  .show{width:150px;height:20px;}

  .hide{width:150px;height:20px;display:none;}

  style>

Html

    <div class="formLabel" id="Name">Name:div>

    <div class="show" id="Name" runat="server" onclick="edit(this.id)">div>

<div class="hide" id="Namefm">

<asp:TextBox id="Name" runat="server" onBlur="hide(this.parentNode.id)" >asp:TextBox>

div>

组合在一起就可以看到效果了。

不过要达到MSN上的编辑效果就还差一点

当TextBox失去焦点的时候,如何在后台将数据保存到数据库。

你可能感兴趣的:(JavaScript,ASP.NET技术,textbox,function,class,javascript,server,div)