facebook comment box in asp.net using repeater - asp.net

Question

I have a repeater which has two columns one column contains label and another has textbox.
on enter data in the text box it should show as label and another textbox in the same row should appear.i am getting a text box but not able to do as said above.Please help me.
<asp:Repeater ID="RepDetails" runat="server" OnItemDataBound="RepDetails_ItemDataBound" >
<HeaderTemplate>
<table style="border: 0px solid #df5015; width: 100%">
<tr style="background-color: White; color: White">
<td colspan="2">
<b>Atrributes</b>
</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr style="background-color: #EBEFF0; height: 50px;" >
<td >
<table style="background-color: #EBEFF0; border: 0px dotted #df5015; width: 100%; margin-bottom: 30px;">
<tr style="height: 20px;">
<td style="width: 30%">
<asp:Label ID="lblAttributeName" runat="server" Text='<%#Eval("AttirbuteName") %>' Font-Bold="true" /></td>
<td id="textboxId" style="width: 70%">
<asp:TextBox ID="txtAttributeNameDef" runat="server" ToolTip='<%#Eval("AttirbuteDefination") %>' Width="100%"></asp:TextBox>
</td>
</tr>
</table>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>

Answer 1

You can do using repeater like this way DEMO
<div class="detailBox">
<div class="titleBox">
<label>Comment Box</label>
<button type="button" class="close" aria-hidden="true">×</button>
</div>
<div class="commentBox">
<p class="taskDescription">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="actionBox">
<asp:Repeater ID="RepDetails" runat="server" >
<ItemTemplate>
<ul class="commentList" id="listchat">
<li>
<div class="commenterImage">
<img src="http://lorempixel.com/50/50/people/6" />
</div>
<div class="commentText">
<p class="">Hello this is a test comment.</p> <span class="date sub-text">on March 5th, 2014</span>
</div>
</li>
</ul>
</ItemTemplate>
</asp:Repeater>
<div class="form-inline" role="form">
<div class="form-group">
<input class="form-control" type="text" id="txtcomment" placeholder="Your comments" />
</div>
<div class="form-group">
<button class="btn btn-default" id="postcomment">Add</button>
</div>
</div>
</div>
</div>