点击时可见的文本框

Question

当用户点击一个按钮时，有什么方法可以使文本框可见吗？我的意思是，用户只会在点击按钮时看到文本框。预先感谢您的帮助。有一个好的。

Answer 1

做出按钮的Click事件的按钮可见。

双击按钮添加Click事件处理程序。

您的代码应该如下所示：

private void btnShow_Click(object sender, EventArgs e) 
{ 
    txtBox.Visible = true; 
} 

如果不希望整个页面都刷新上这样做，你可能想换一个UpdatePanel

参考里面的控件： Introduction to the UpdatePanels

Answer 2

这是一个直接的问题还是我错过了什么？

默认情况下，文本框是可见的。在属性中，可以将其设置为false（即使其不可见）。

然后在面板上添加一个按钮。

然后代码隐藏按钮一样简单：

textbox1.visible = true (this is vb code) 

还有什么这个问题或有我错过了什么？

Answer 3

使用造型：

textBox.Style.Add("visibility", "hidden"); 
textBox.Style.Add("display", "none"); 

而且一旦点击该按钮再次扭转这种局面。

Answer 4

在页面加载设置：

TextBox1.Visible = false; 

，并点击按钮：

protected void Button1_Click(object sender, System.EventArgs e) 
{ 
     TextBox1.Visible = true; 
} 

Answer 5

如果你正在谈论网络。在文档加载中使用jquery或javascript来隐藏文本框，然后使用下面的代码在按钮上单击显示文本框。

$(document).ready(function(){ 
    $('#textBoxClientID').hide(); 
}); 


$('#buttonClientID').click(function(){ 
    $('#textBoxClientID').show(); 
}); 

Answer 6

最好让这些操作成为客户端。通过这种方式，您不会将此页面发送到服务器进行此简单操作。

的onclick触发添加到按钮，使文本框中可见

<input type="button" value="Click Me!"    onclick="javascript:document.all['txtArea'].display='';" /> 
<input type="text" value="Some text..." style="display:none;" id="txtArea" />​ 

例如：http://jsfiddle.net/r54Et/

同样的方法可以应用于服务器控件。

更新：如果您正在使用服务器控件asp：...并且遇到问题以查找文本框元素的id，则asp.net 4.0+支持静态名称。这意味着您可以为您的元素设置修复名称。另一个解决方法是，asp.net将客户端生成的ID保存在ClientID属性中。所以在这种情况下，我们将有：

<input type="button" value="Click Me!"    onclick="javascript:document.all['<%=txtArea.ClientID%>'].display='';" /> 
<asp:textbox tunat="server" Text="Some text..." id="txtArea" ..... />​