ASP.NET HTML服務器

HTML服務器控件基本上是爲了啓用服務器端處理而增強的標準HTML控件。 HTML控件(如標題標籤,定位標籤和輸入元素)不由服務器處理,而是發送給瀏覽器進行顯示。

它們通過添加屬性runat =「server」並添加一個id屬性專門轉換爲服務器控件,以使它們可用於服務器端處理。

例如,考慮HTML輸入控件:

<input type="text" size="40">

可以通過添加runatid屬性將其轉換爲服務器控件:

<input type="text" id="testtext" size="40" runat="server">

注意: 理解上面代碼機制,有助使用asp和html標籤。

使用HTML服務器控件的優點

儘管ASP.NET服務器控件可以執行由HTML服務器控件完成的每項工作,但以下控件在以下情況下非常有用:

  • 使用靜態表格進行佈局。
  • 將HTML頁面轉換爲在ASP.NET下運行

下表介紹了HTML服務器控件:

編號

控件名稱

HTML標籤

1

HtmlHead

<head>

2

HtmlInputButton

<input type=button/submit/reset>

3

HtmlInputCheckbox

<input type=checkbox>

4

HtmlInputFile

<input type = file>

5

HtmlInputHidden

<input type = hidden>

6

HtmlInputImage

<input type = image>

7

HtmlInputPassword

<input type = password>

8

HtmlInputRadioButton

<input type = radio>

9

HtmlInputReset

<input type = reset>

10

HtmlText

`<input type = text

password>`

11

HtmlImage

<img>元素

12

HtmlLink

<link>元素

13

HtmlAnchor

<a>元素

14

HtmlButton

<button>元素

15

HtmlForm

<form>元素

16

HtmlTable

<table>元素

17

HtmlTableCell

<td><th>元素

18

HtmlTableRow

<tr>元素

19

HtmlTitle

<title>元素

20

HtmlSelect

<select>元素

21

HtmlGenericControl

所有沒有列出的HTML控件

示例

以下示例使用基本的HTML表格進行佈局。 它使用了一些用於從用戶獲得輸入的框,例如名稱,地址,城市,省份等。它還具有按鈕控制,點擊該按鈕以獲取在表格的最後一行中顯示的用戶數據。

打開Visual Studio,創建一個空的網站項目:HttpServer,參考以下圖片 -

ASP.NET

並向這個項目中添加一個Web窗體,存儲文件名稱爲:Default.aspx 。頁面在設計視圖中看起來像這樣:
ASP.NET

內容頁面的代碼顯示了使用HTML表格元素進行佈局。參考以下代碼 -

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>名字:</td>
                    <td>
                        <asp:TextBox ID="txtname" runat="server"></asp:TextBox>
                    </td>
                </tr>

                <tr>
                    <td>地址:</td>
                    <td>
                        <asp:TextBox ID="txtstreet" runat="server"></asp:TextBox>
                    </td>
                </tr>

                <tr>
                    <td>城市:</td>
                    <td>
                        <asp:TextBox ID="txtcity" runat="server"></asp:TextBox>
                    </td>
                </tr>

                <tr>
                    <td>省份:</td>
                    <td>
                        <asp:TextBox ID="txtstate" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                  <td class="style1"></td>
                  <td ID="displayrow" runat ="server" class="style2">
                  </td>
               </tr>
                <tr>
                    <td colspan="2">

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

                    </td>

                </tr>

            </table>
        </div>
    </form>
</body>
</html>

按鈕控件後端的代碼(Default.aspx.cs):

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        string str = "";
        str += txtname.Text + "<br />";
        str += txtstreet.Text + "<br />";
        str += txtcity.Text + "<br />";
        str += txtstate.Text + "<br />";
        displayrow.InnerHtml = str;
    }
}

運行上面代碼,得到以下結果 -

ASP.NET

填入上述表單內容,然後提交 -

ASP.NET

注意以下幾點:

  • 標準的HTML標籤可用於頁面佈局。
  • HTML表格的最後一行用於數據顯示。 它需要服務器端處理,所以ID屬性和runat屬性需要添加到標籤中。

易百教程移動端:請掃描本頁面底部(右側)二維碼並關注微信公衆號,回覆:"教程" 選擇相關教程閱讀或直接訪問:http://m.yiibai.com

上一篇:ASP.NET服務器控件 下一篇:ASP.NET客戶端

加QQ羣啦,易百教程官方技術學習羣

QQ羣名稱

羣號

人數

免費

等級

羣介紹

JAVA技術

227270512

2000

LV5

Java基礎,JSP(Servlet),JAVA框架,Java高併發架構,Maven等等

MySQL/SQL

418407075

2000

LV5

SQL基礎,MySQL基礎,MySQL存儲過程,視圖,觸發器等等

大數據開發

655154550

2000

LV5

Spark,zookeeper,kafka,CDH,hive,fulme,hbase等Hadoop雲計算生態圈技術

Python技術

287904175

2000

LV5

Python編程,Python Web,Python大數據,Python爬蟲,自然語言處理等

Linux技術

479429477

2000

LV1

Redhat/Centos,Ubuntu,Shell,運維,監控等技術

PHP/Web開發者

460153241

1000

LV0

PHP基礎,PHP高級,網站優化/架構,JS,HTML,JQuery,前端等Web開發技術

人工智能

456236082

1000

LV0

人工智能,深度學習,算法等技術

Oracle數據庫

175248146

1000

LV0

SQL基礎,Oracle基礎,Oracle存儲過程,視圖,觸發器等等

Android開發

159629185

1000

LV0

Android開發,Android Studio,Kotlin,Dagger等技術

微軟技術

579821706

1000

LV0

C#,ASP.Net,VB.Net,ADO.Net,SQL Server,VBA,Excel等技術