webform(四)简单控件

时间:2021-05-02 02:53:44

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

一、

<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 。