ASP.Net基础学习 HTML控件简单介绍

 HTML控件是ASP.NET所提供的控件(亦称为Server控件),是在服务器端执行的组件,可以产生标准的HTML文件。一般说来,标准的HTML标签无法动态控制其属性、使用方法、接收事件,必须使用其他的程序语言来控制标签,这对于使用ASP程序设计来说很不方便,而且会使ASP程序比较杂乱。ASP.NET在这方面开发了新的技术,即将HTML标签对象化,使程序(如Visual Basic.NET、C#…)可以直接控制HTML标签,对象化后的HTML标签称之为HTML控件。

  HTTP控件比HTML标签多了两个属性:

  · ID属性:表示程序以此属性来控制和操作对象,对象名称不可以重复。

  · Runat属性:表示对象在服务器端执行,所有的HTML控件都必须加上这个属性。如果HTML控件对象在程序执行时不需要由程序控制,则可省略ID属性。

  HTML标签在ASP.NET网页内执行时,ASP.NET会查看HTML标签内是否有runat属性,若是没有,则当作一般HTML标签字符串,送往客户端的浏览器执行解读。若是有runat属性,则表示该标签已经是对象化的标签,则会由ASP.NET的Page对象将该对象化的标签由.NET共享对象类库中载入,使ASP.NET程序能够予以控制,当执行完毕之后再转换成HTML标签与一般的HTML标签一起下载到客户端的浏览器进行解析执行。

  HTML控件的常用属性

  InnerHtml/InnerText. 此属性可以设置控件要显示的文字。

  InnerHtml:显示文字并执行HTML标签功能。

  InnerText:不执行HTML标签功能而只显示所有文字字符串。

  范例

  在网页程序中应用HTML控件的InnerHtml与InnerText属性。 程序代码:

以下是引用片段:
01<html>
02 <formrunat=”server”>
03<buttonid=”bl”runat=”server”onserverclick=”bl—click”/><p>
04<spanid=”s1”runat=”server“/><br>
05<spanid=”s2”runat=”server”/>
06 </form>
07<scriptlanguage=“vb”runat=”server”>
08 subpage—load(senderasobject,easeventargs)
09 b1.innertext=”请按我”
10 s1.innerhtml=”凯际资讯”  。
11 s2.innertext=”凯际资讯工作室”
12 endsub
13 subb1click(senderasobject,easeventargs)
14  s1.innerhtml=”<b>ASP.NET</b>”
15  s2.innertext=”<b>ASP.NET</b>”
16 endsub
17 </script>
]8 </html>

  本程序的说明如下:

  · 第2-6行:建立HTML控件中的各组件,如<button>、<span>。

  · 第3行:OnServerClick属性是Button对象支持的事件,当用户单击按钮对象时会被触发,设置此属性表示当发生OnServerClick事件时,要执行哪一个事件程序(本程序是bl click)。

  · 第7行:声明以下的程序是在服务器端执行的Script程序。

  · 第8-12行:声明一个网页对象加载的子程序(page load),主要内容是使用HTML控件对象的InnerText与InnerHtml属性显示文字。

  · 第13-16行:bl—click事件程序,声明对象类型变量Sender与事件参数e,Sender参数的功能是指哪个对象发出事件,e参数的功能则表示发生事件时的相关信息,Span控件用来显示文字。 每一个事件程序中都要加入(Sender As Object,E As Eventargs)的声明。 page_load子程序不需要调用,在网页加载控件时会自动执行。

时间: 2024-10-29 02:19:43

ASP.Net基础学习 HTML控件简单介绍的相关文章

asp.net基础学习之控件的使用方法_实用技巧

本文为大家分享了asp.net控件的使用方法,供大家参考,具体内容如下 1.asp.net页面插入c#代码 事先声明: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 引入格式: <% %> 变量可以:<%=val %> <body> &

ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍

在ASP.NET AJAX Beta2中,UpdateProgress控件已经从"增值"CTP中移到了ASP.NET AJAX核心中.以下两篇关于UpdateProgress的文章基本翻译自ASP.NET AJAX官方网站. 一.UpdateProgress控件简单使用 1.创建一个Web页面并切换到设计视图. 2.在工具箱的AJAX Extensions标签下,双击ScriptManager控件添加到页面中. 3.双击UpdatePanel控件添加到页面中. 4.双击UpdatePr

iOS开发UI篇—Date Picker和UITool Bar控件简单介绍

一.Date Picker控件 1.简单介绍: Date Picker显示时间的控件 有默认宽高,不用设置数据源和代理 如何改成中文的? (1)查看当前系统是否为中文的,把模拟器改成是中文的 (2)属性,locale选择地区 如果默认显示不符合需求.时间有四种模式可以设置,在model中进行设置 时间可以自定义(custom). 设置最小时间和最大时间,超过就会自动回到最小时间. 最大的用途在于自定义键盘:弹出一个日期选择器出来,示例代码如下: 2.示例代码 1 // 2 // YYViewCo

iOS开发UI篇—UITableview控件简单介绍

一.基本介绍 在众多移动应⽤用中,能看到各式各样的表格数据 . 在iOS中,要实现表格数据展示,最常用的做法就是使用UITableView,UITableView继承自UIScrollView,因此支持垂直滚动,⽽且性能极佳 . UITableview有分组和不分组两种样式,可以在storyboard或者是用代码设置. 二.数据展示 UITableView需要⼀一个数据源(dataSource)来显示数据 UITableView会向数据源查询一共有多少行数据以及每⼀行显示什么数据等 没有设置数据

ASP.NET 高级编程基础之验证控件介绍

目录 1. 验证控件简介 2. 验证控件的使用方法 3. 小结 -------------------------------------------------------------------------------- 1. 验证控件简介 顾名思义,验证控件就是校验用户输入数据正确性的控件,如用户在文本框中输入数据后,便显示一条提示信息,表明了校验的数据是不合法的.验证过程既可以在服务器上执行,也可以在客户机上执行,在客户端运行的校验代码是数据提交之前被执行的,因此可以提高程序的性能.AS

ASP.NET:数据库绑定控件入门

asp.net|控件|数据|数据库     数据绑定控件是Web控件的一部分,但其与数据库紧密结合的,在Web应用程序中的应用十分广泛,所以尤其显得重要.在本章中,我们将详细介绍ASP.NET技术中数据绑定控件的用法.     9.1  数据库邦定控件入门     在学习上一章时候,我们接触到了DataGrid控件,在实例中我们利用DataAdapter从数据库中读取数据,存放到DataSet里,然后绑定到DataGrid控件里,由DataGrid控件显示出来.通过数据绑定控件的不同设置,可以快

详解ASP.NET数据绑定操作中Repeater控件的用法_实用技巧

一.绑定控件之Repeater.NET封装了多种数据绑定控件,诸如GridView.DataList等但该篇文章将会从Repeater入手,因为Repeater只提供了基本的数据绑定模板,没有内置其它分页等功能,所以它是最原始的数据绑定控件,只要能够熟练运用Repeater控件其它的绑定控件也就很简单了.1.Repeater简介Repeater 控件是基本模板化数据列表. 它不像GridView控件一样能够可视化的设计格式或样式,因此开发时在控件模板中必须显式声明所有格式.格式和样式标记.另外R

值得收藏的asp.net基础学习笔记_实用技巧

值得收藏的asp.net基础学习笔记,分享给大家. 1.概论 浏览器-服务器 B/S 浏览的  浏览器和服务器之间的交互,形成上网B/S模式 对于HTML传到服务器  交给服务器软件(IIS)  服务器软件直接读取静态页面代码,然后返回浏览器 对于ASPX传达服务器  交给服务器软件(IIS)   IIS发现自己处理不了aspx的文件,就去映射表根据后缀名里找到响应的处理程序(isapi,服务器扩展程序) 问题:IIS如何调用可扩展程序? 答:可扩展程序首先就是按照IIS提供的借口实现代码,所以

ASP.NET MVC中图表控件的使用方法_实用技巧

微软发布了一个强大的ASP.NET的图表控件,支持丰富的图表选项设置-包括列,点,泡沫,饼图,圆环图,金字塔,漏斗,盒形图,面积,范围,AJAX的互动,以及更多.Microsoft图表控件示例项目包括ASP.NET页的图表样本超过200个.在这篇文章中,我将展示如何在ASP.NET MVC中使用图表控件. 这里介绍一个非常简单的项目,显示了一个类的结果比较.两个字段 - ID(这是唯一的一个学生)和GPA(平均成绩) - 代表一个特定的学生的结果.各种图表结果显示,学生的结果进行比较.我希望把重