<input type="button">与<asp:button>的区别,以及runat="server"的作用

<input type="button">与<asp:button>的区别,以及runat="server"的作用

在<input type="button">中只能编写点击事件onclick,并且只能在js中实现,那么如何让<input type="button">像<asp:button>一样可以在后台实现呢

<input type="button" >添加runat="server" 并且添加onserverclick="Unnamed_ServerClick"点击事件,并在后台编写它的点击效果,这样就会跟<asp:button>效果一样

<input type="button">前台代码:

     <input type="button" name="name" value="确定" runat="server"(服务器控件的意思是在里页面上建立了普通HTML标签或ASP.NET服务器控件,他们需要在控件加上runat="server"来标记为服务器控件,ASP.NET就会解析进行一系列的处理,在后台都可以调用通过标记的控件,获取你需要对控件的一系列取值要求) onserverclick="Unnamed_ServerClick" />

     后台代码:

      protected void Unnamed_ServerClick(object sender, EventArgs e)
        {
            Response.Write("<script>alert('点击有效果了!');</script>");
        }

<asp:button>前台代码:

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

      后台代码:

      protected void Button1_Click(object sender, EventArgs e)
        {

           Response.Write("<script>alert('你好!');</script>");

        }

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Hotel.WebForm1" EnableEventValidation="false" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <link rel="stylesheet" href="Assets/Libraries/Bootstrap/css/bootstrap.min.css" /> <style> body{ background-image:url(../Assets/Images/hotel4.jpg); background-size:cover; } .container-fluid{ opacity:0.9; } </style> </head> <body> <form id="form1" runat="server" > <div> <div class="container-fluid"> <div class="row" style="height:200px"></div> <div class="row"> <div class="col-md-4"></div> <div class="col-md-4 bg-light rounded-3"> <h1 class="text-text-success text-center">皇家理工度假酒店</h1> <form> <div class="mb-3"> <label for="UserTb" class="form-label">用户名</label> <input type="text" class="form-control" id="UserTb" runat="server" required="required"> </div> <div class="mb-3"> <label for="PasswordTb" class="form-label">密码</label> <input type="password" class="form-control" id="PasswordTb" runat="server" required="required"> </div> <div class="mb-3"> <label id="ErrMsg" class="text-danger" runat="server"></label> <input type="radio" id="AdminCb" runat="server" name="Role"><label class="text-success">管理员</label> <input type="radio" id="UserCb" runat="server" name="Role"><label class="text-success">用户</label> </div> <div class="d-grid"> <asp:Button ID="LoginBtn" runat="server" Text="登陆" class="btn btn-success btn-block" OnClick="LoginBtn_Click" /> </div> <br /> </form> </div> <div class="col-md-4"></div> </div> </div> </div> </form> </body> </html>我在form中添加了align=center属性但是删除后却依旧运行了原先配置
05-27
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值