webform简单控件

Posted 2020-10-02

简单控件包括文本类和按钮类的表单元素

一、

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

Label：直接在界面上显示字符串。因为可以用C#代码对label进行修改，所以没有直接写在网页上。相当于占位符。

属性：Height，高；Width，宽；BackBolor，背景色；BorderBolor边框颜色;BorderStyle边框线型；Text字符串内容。
服务器解析后会变成<span>标签。属性变成了style样式。
二、

<asp:Literal ID="Literal1" runat="server"></asp:Literal>

Literal：将Text里的内容原样放入页面里面。可以写JS代码，加入页面可以运行。

属性：Text文本内容。
服务器不会对其进行解析，只会将Text里的内容全部放入网页中。
三、

<asp:Button ID="Button1" runat="server" Text="Button" />

Button：按钮。aspx的按钮自带提交功能，用于和服务端交互。

属性：Enabled是否可用；Visible是否可见；Text按钮上的提示文字即value；
按钮点击事件在后台代码中写入：按钮ID.Click+=（双击tab键），会自动生成按钮的点击事件并关联。

protected void Page_Load(object sender, EventArgs e)
{
Button1.Click += Button1_Click;
}

private void Button1_Click(object sender, EventArgs e)
{

}

服务器解析后会变成submit类型的按钮，

enabled会变成display。Visible为false的时候按钮直接不可见。
四、

<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="imgs/1.jpg" />

ImageButton：图片按钮。

属性：ImageUrl引用的图片位置不引用显示提交；可以用css设置大小；
图片按钮影响加载速度。尽量少用。
五、

<asp:TextBox ID="TextBox1" TextMode="SingleLine" ReadOnly="false" runat="server"></asp:TextBox>

TextBox：文本框，用于输入文字的文本框。

属性：TextMode文本框样式（PassWord密码框，
MultiLine多行，默认SingleLine单行）；ReadOnly只读属性。
服务器解析后会根据TextMode的类型解析成不同类型的input或者textarea 。