input type="button"和asp:Button的区别

参考
https://www.cnblogs.com/fengwei0813/p/5574385.html
https://bbs.csdn.net/topics/110186772
< input type=“button” id="" value="" OnServerClick="" runat=“sever” >
< asp:Button ID="" Text="" runat=“server” OnClick="" />
这两种控件的区别

ASP.NET控件<ASP:Button />
html控件< input type=“button”>

前一种叫 Html 客户端控件
后一种叫 Web 服务器控件

(服务器控件实际上就是客户端控件在客户端的映射而已)

< input type=“button” id="" value="" OnServerClick="" runat=“server” >
你不用.net用Java,php,asp都可以。因为它是HTML
< asp:Button ID="" Text="" runat=“server” OnClick="" />

只有安装.netFrameWork的服务器才能解析的来,因为它是asp.net服务器控件。

服务端控件在服务器解析后,HTML代码是和客户端控件是一样的
服务端控件有很多的功能,但耗用资源,客户端控件反

HTML 服务器控件 对服务器公开的 HTML 元素,可对其进行编程。HTML 服务器控件公开一个对象模型,该模型十分紧密地映射到相应控件所呈现的 HTML 元素。

Web 服务器控件 这些控件比 HTML 服务器控件具有更多内置功能。Web 服务器控件不仅包括窗体控件(例如按钮和文本框),而且还包括特殊用途的控件(例如日历、菜单和树视图控件)。Web 服务器控件与 HTML 服务器控件相比更为抽象,因为其对象模型不一定反映 HTML 语法。

…………………………………………………………………………………………(可省↓)
服务器只认识input,我们可以直接写input

但是asp是要把自己自动翻译成input再交给服务器的。其实是一样的东西

            asp控件,直接可以用c#编程
            input加上 runat=“server” 也被c#编程了

HTML控件是为了兼容性考虑的,如果你直接用ASP.NET独有的控件,这个网页就不能再其他程序中正常编辑,比如Dreamweaver,这样不方便网页设计师和程序开发人员的分工协作。还有一些Javascript对ASP.NET控件的兼容性也不太好;

另外ASP.net控件或多或少会消耗一些服务器资源,这些控件最终会经过服务器的转换成为HTML控件,这一转换是要消耗资源的,但是这种消耗微乎其微。
比如< ASP:Textbox>对应< input type="text>, < ASP:button>对应< input type=“button”>或者<input type="submit>, < ASP:Label>对应< span>

所以一般情况下能用ASP.NET控件的尽量用ASP.NET控件,它的功能远比HTML控件强大。另外上传文件也可以用ASP.NET控件。

Dreamweaver是做设计用的,不是搞编程,而且他不只为ASP.NET服务,其他服务器端编程技术比如PHP,JSP都是以HTML控件为基础,不像ASP.NET设计了一套独有的控件。

还有“一个在服务器运行、一个在客户端运行”你这个理解是错误的,即使是HTML控件加上runat="server"也一样是在服务器端运行。

Web控件和Html控件虽然好多功能相同并且长得很像
但是它们的内部实现机制是完全不一样的
Web控件要比Html控件执行效率要好

  1. 使用起来也相当方便,举个简单的例子,例如Button的生成:
    Html控件是将庞大控件集合全部弄到页面中,用到哪个功能,就设置一下属性,如下:
    < input type=submit/button runat=server>
    这样会占用相当大的控件资源

Web控件是将集成式的拆解成单功能的:
< asp:button id=“btnOK” />
这样就可以节省不必要的控件所占用的资源了

2.Web控件具有回送功能,能够用ViewState维持控件的状态.
Html控件则不能,当点击页面的操作,其状态就会丢失.
可以做这样的一个实验:
I. 分别建立两个文件: a.html b.aspx
II.在a.html页面中加Html控件的RadioButton和一个button,
在b.aspx中加Web控件的RadioButton和一个button
IIl直接双击浏览器运行,b.aspx通过IIS运行
IV.在a.html运行界面中,选中RadioButton,再单击Button按钮,会发现RadioButton会
取消选中(丢失其状态),但在b.aspx页面执行同样的操作,RadioButton不会丢失,因为ViewState
给它保存了状态. 您可以在运行界面点击浏览器菜单"查看"->“源文件",打开Html代码文件,
找到加密后的ViewState,类似于下面:
< input type=“hidden” name="_VIEWSTATE" value=“dDw0ajfmafmjfzzmj4”/>
其实ViewState实现原理也是将一些信息放到隐藏的一个控件中,并且asp.net生成的ViewState信息 是存储在客户端的 这里要注意的一点是: 只有当格式为*.aspx文件,并且控件具有属性:"runat=server"时,回送功能才能打开

  1. Html控件与Web控件最大的区别是它们对事件处理的方法不同。对于Html窗体控件,
    当引发一个事件时,浏览器会处理它。但对于Web控件,事件仅由浏览器生成,但浏览
    器不会处理它,客户端要给服务器发个信息,告诉服务器处理事件。 不过有些事件,
    比如:
    按下键/移动/鼠标等事件,Asp.net中没有这些事件
    (因为这些事件即时性强,服务器处理得不够及时),这时候Html控件就发挥其作用了,结合Html事件协助完成.

如下是一些Html常用的事件:
在浏览器上执行的Html控件事件:

单击时触发:
<INPUT type=“button” value=“Click Me” οnclick=“alert(‘Hi,你好!’);”.>

鼠标弹起时触发:
<INPUT type=“button” value=“Click Me” οnmοuseup=“alert(‘Hi,你好!’);”.>

//悬浮在控件上方时触发
<INPUT type=“button” value=“Click Me” οnmοuseοver=“alert(‘Hi,你好!’);”.>

//鼠标在控件上方移动时触发
<INPUT type=“button” value=“Click Me” οnmοusemοve=“alert(‘Hi,你好!’);”.>

//双击控件时触发
<INPUT type=“button” value=“Click Me” οndblclick=“alert(‘Hi,你好!’);”.>

//当焦点在控件时,按键时触发
<INPUT type=“button” value=“Click Me” οnkeypress=“alert(‘Hi,你好!’);”.>

//按键按下时触发
< INPUT type=“button” value=“Click Me” οnkeydοwn=“alert(‘Hi,你好!’);” >

在不需要与后台进行交互时就使用HTML控件,它的占用的资源比较少,速度也比较快,在需要与后台进行交互时,就使用WEB控件,或者在HTML 控件上加上runat=“server” 也可以将一个HTML控件转换成交互控件,但这样占用的资源就和Web控件没任何分别了。
WEB控件可以响应服务器端事件,可以在后台代码中设置相关属性和方法等!HTML不可, WEB服务器控件需要通过服务器处理后译为HTML控件再发送给浏览器,所以比较耗费服务器资源,并由于有IEWSTATE,所以在回送的时候会保持控件状态(也可以设置不保存)也因此增加了回送信息量。HTML直接发送到浏览器,不另耗费服务器资源,但无状态保存!
获得HTML控件的值 需要使用REQUEST的FORM 方法,WEB控件就可以直接通过属性直接处理!
所以,一般来说,对于不需要保存控件状态,并无什么对值处理的地方就可以使用HTML 如果需要对控件进行动态的处理,或要保存其状态等 就可以WEB服务器控件!WEB服务器控件用起来个人认为要方便些,但是就是另外多耗费服务器资源!
很多书上都说,考虑性能的话在能不用WEB服务器控件的地方就尽量不用。
什么时候用什么时候不用还是要看具体情况,在条件宽松的情况下就看个人习惯了

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我会帮您修改页面布局。首先,您需要将背景图片设置为页面的背景,并调整样式以使其填充整个页面。可以使用以下CSS样式: ``` body { background-image: url('your-background-image-url'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } ``` 接下来,您需要使用表单来接收用户输入并将其传递到后端。在form标签中添加action属性,指定后端处理程序的URL,并将method属性设置为POST。在form标签中添加输入字段,使用name属性指定字段名称。例如: ``` <form id="form1" action="your-backend-url" method="POST"> <input type="text" name="username"> <input type="password" name="password"> <button type="submit">登录</button> </form> ``` 这将创建一个包含用户名和密码字段的表单,当用户单击“登录”按钮时,表单将提交到指定的后端URL。在后端,您可以使用您选择的服务器端编程语言来处理表单数据。 最后,您需要将样式应用于表单,使其居中和具有正确的样式。您可以使用以下CSS样式: ``` form { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; } input, button { margin: 10px; padding: 10px; border-radius: 5px; border: none; } button { background-color: blue; color: #fff; } ``` 这将使表单在页面居中,并为输入字段和按钮应用一些基本样式。 希望这些信息能对您有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值