本文概述
HTML服务器控件是HTML元素,包含可在服务器端访问的属性。默认情况下,ASP.NET网页上的HTML元素对服务器不可用。这些组件被视为简单文本,并传递到浏览器。我们可以通过向组件添加runat =“ server”和id属性来将HTML元素转换为服务器控件。
现在,我们可以在后面的代码中轻松访问它。
例
<input id="UserName" type="text" size="50"runat="server" />
可以通过Request对象访问所有HTML Server控件。
HTML组件
下表包含常用的HTML组件。
控件名称 | 描述 |
---|---|
Button | 用于创建HTML按钮。 |
Reset Button | 它用于重置所有HTML表单元素。 |
Submit Button | 它用于将表单数据提交到服务器。 |
Text Field | 它用于创建文本输入。 |
Text Area | 它用于在html表单中创建文本区域。 |
File | 它用于创建输入类型=“文件”组件, 该组件用于将文件上传到服务器。 |
Password | 这是一个密码字段, 用于从用户那里获取密码。 |
CheckBox | 它创建一个复选框, 用户可以选择或清除它。 |
Radio Button | 用于获取用户选择的无线电字段。 |
Table | 它使我们能够以表格形式显示信息。 |
Image | 它在HTML表单上显示图像 |
ListBox | 它向用户显示项目列表。你可以设置两个或多个大小, 以指定要显示的项目数。 |
Dropdown | 它在下拉列表中向用户显示项目列表。 |
Horizontal Rule | 它在HTML页面上显示一条水平线。 |
例
在这里,我们以表格的形式实现HTML服务器控件。
// htmlcontrolsexample.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="htmlcontrolsexample.aspx.cs"
Inherits="asp.netexample.htmlcontrolsexample" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Text1" type="text" runat="server"/>
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click"/>
</div>
</form>
</body>
</html>
该应用程序包含文件背后的代码。
// htmlcontrolsexample.aspx.cs
using System;
namespace asp.netexample
{
public partial class htmlcontrolsexample : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
string a = Request.Form["Text1"];
Response.Write(a);
}
}
}
输出:
当我们在输入文本后单击按钮时,它会回复给客户。
评论前必须登录!
注册