TextBox 禁止客户端输入 前台通过JS赋值 并在后台获取

readonly,disabled是input的属性
ReadOnly,Enabled是asp:TextBox的属性
要求: 客户端不能输入,但可通过js赋值,并在服务器端获取到js赋的值
前台:

<asp:TextBox ID="TextBox1" runat="server" ReadOnly="true" Enabled ></asp:TextBox>
<input id="Text1" runat="server" type="text" readonly="readonly" />
<input id="Button1" type="button" value="客户端赋值" onclick="doClick()" />
<asp:Button ID="Button2" runat="server" Text="服务器端获取" OnClick="Button2_Click" />

<script language="javascript">
function $(s){return document.getElementById(s);}
function doClick()
{
    $('<%=Text1.ClientID %>').value="wufeng";
    $('<%=TextBox1.ClientID %>').value="wufeng";
}
</script>

后台:

    protected void Button2_Click(object sender, EventArgs e)
    {
        Response.Write(Text1.Value + " Hello<br/>");
        Response.Write(TextBox1.Text + " Hello<br/>");
    }

执行服务器端回传前的客户端代码:

<input name="TextBox1" type="text" readonly="readonly" id="TextBox1" class="ClassText" />
<input name="Text1" type="text" id="Text1" readonly="readonly" />
<br />
<input id="Button1" type="button" value="客户端赋值" onclick="doClick()" />
<input type="submit" name="Button2" value="服务器端获取" id="Button2" class="ClassBtn" />

执行服务器端回传后的客户端代码:

<input name="TextBox1" type="text" readonly="readonly" id="TextBox1" class="ClassText" />
<input name="Text1" type="text" id="Text1" readonly="readonly" value="wufeng" />
<br />
<input id="Button1" type="button" value="客户端赋值" onclick="doClick()" />
<input type="submit" name="Button2" value="服务器端获取" id="Button2" class="ClassBtn" />

区别：Text1的value属性前后发生了变化，而TextBox1并不能从后台获取到。

解决：在Page_Load中设置

TextBox1.Attributes["contentEditable"] = "false";//等效于ReadOnly="true"

或直接从前台设置TextBox的属性contentEditable="false"