创建一个服务器端控件，该控件映射到 <button> HTML 元素并允许您创建下压按钮。
|
|---|
<button
CausesValidation="False|True"
Disabled="Disabled"
EnableViewState="False|True"
Id="string"
ValidationGroup="String"
Visible="False|True"
OnDataBinding="OnDataBinding event handler"
OnDisposed="OnDisposed event handler"
OnInit="OnInit event handler"
OnLoad="OnLoad event handler"
OnPreRender="OnPreRender event handler"
OnServerClick="OnServerClick event handler"
OnUnload="OnUnload event handler"
runat="server"
>
<!--buttonText, image, or control-->
</button> |
备注
示例
下面的代码示例演示如何向 HtmlButton 控件添加样式、DHTML 事件、文本和图像。它还包含两个简单事件处理程序的代码，这两个事件处理程序通过由 <span> 元素创建的 HtmlGenericControl 的实例显示消息。
| Visual Basic? |  复制代码 |
|---|
<%@ Page Language="VB" AutoEventWireup="True" %>
<html>
<head>
<title>HtmlButton Control</title>
<script runat="server">
Sub Button1_OnClick(Source As Object, e As EventArgs)
Span1.InnerHtml = "You clicked Button1"
End Sub
Sub Button2_OnClick(Source As Object, e As EventArgs)
Span1.InnerHtml = "You clicked Button2"
End Sub
</script>
</head>
<body>
<h3>HtmlButton Sample</h3>
<form id="Form1" runat="server">
<p />
<button id="Button1"
OnServerClick="Button1_OnClick"
style="font: 8pt verdana;
background-color:lightgreen;
border-color:black;
height=30;
width:100"
runat="server">
<img src="/quickstart/aspplus/images/right4.gif"> Click me!
</button>
With embedded <img> tag
<p />
<p />
<button id=Button2
onServerClick="Button2_OnClick"
style="font: 8pt verdana;
background-color:lightgreen;
border-color:black;
height=30;
width:100"
onmouseover="this.style.backgroundColor='yellow'"
onmouseout="this.style.backgroundColor='lightgreen'"
runat="server">
Click me too!
</button>
With rollover effect
<p />
<p />
<span id=Span1 runat="server" />
</form>
</body>
</html>
|
| C#? | 复制代码 |
|---|
<%@ Page Language="C#" AutoEventWireup="True" %>
<html>
<head>
<title>HtmlButton Control</title>
<script runat="server">
void Button1_OnClick(object Source, EventArgs e)
{
Span1.InnerHtml="You clicked Button1";
}
void Button2_OnClick(object Source, EventArgs e)
{
Span1.InnerHtml="You clicked Button2";
}
</script>
</head>
<body>
<h3>HtmlButton Sample</h3>
<form id="Form1" runat="server">
<p />
<button id="Button1"
OnServerClick="Button1_OnClick"
style="font: 8pt verdana;
background-color:lightgreen;
border-color:black;
height=30;
width:100"
runat="server">
<img src="/quickstart/aspplus/images/right4.gif"> Click me!
</button>
With embedded <img> tag
<p />
<p />
<button id=Button2
OnServerClick="Button2_OnClick"
style="font: 8pt verdana;
background-color:lightgreen;
border-color:black;
height=30;
width:100"
onmouseover="this.style.backgroundColor='yellow'"
onmouseout="this.style.backgroundColor='lightgreen'"
runat="server">
Click me too!
</button>
With rollover effect
<p />
<p />
<span id=Span1 runat="server" />
</form>
</body>
</html>
|
请参见
注意