📌  相关文章
📜  ASP.NET-HTML服务器

📅  最后修改于: 2020-11-21 05:42:32             🧑  作者: Mango

HTML服务器控件基本上是对标准HTML控件的增强，它们可以启用服务器端处理。服务器不处理诸如标头标签，锚标签和输入元素之类的HTML控件，而是将其发送到浏览器进行显示。

通过添加属性runat =“ server”并添加id属性以使其可用于服务器端处理，可以将它们专门转换为服务器控件。

例如，考虑HTML输入控件：

通过添加runat和id属性，可以将其转换为服务器控件：

使用HTML服务器控件的优点

尽管ASP.NET服务器控件可以执行HTML服务器控件完成的每项工作，但在以下情况下，以后的控件还是有用的：

  • 使用静态表进行布局。
  • 转换HTML页面以在ASP.NET下运行

下表描述了HTML服务器控件：

Control Name HTML tag
HtmlHead element
HtmlInputButton
HtmlInputCheckbox
HtmlInputFile
HtmlInputHidden
HtmlInputImage
HtmlInputPassword
HtmlInputRadioButton
HtmlInputReset
HtmlText
HtmlImage element
HtmlLink element
HtmlAnchor element
HtmlButton
HtmlButton
HtmlForm
element
HtmlTable element element
HtmlTableCell and
HtmlTableRow
HtmlTitle element</td> </tr> <tr> <td>HtmlSelect</td> <td><select&t; element</td> </tr> <tr> <td>HtmlGenericControl</td> <td>All HTML controls not listed</td> </tr> </table> <h2>例</h2> <p>以下示例使用基本的HTML表进行布局。它使用一些框来从用户那里获取输入信息，例如姓名，地址，城市，州等。它还具有一个按钮控件，单击该按钮可将用户数据显示在表的最后一行。</p> <p>该页面在设计视图中应如下所示：</p> <p><img alt="ASP.NET服务器控件" class="img-fluid" src="https://mangdo-1254073825.cos.ap-chengdu.myqcloud.com//front_eng_imgs/programiz/0e5153fcab330612884fcc9f73205655c64f39ec2e924c0c22e3fd8a_19.jpg"/></p> <p>内容页面的代码显示了使用HTML表格元素进行布局。</p> <div class="hcb_wrap"> <pre class="prism line-numbers lang-java" data-lang="java"><code class="language-markup"><title>Untitled Page
Name:
Street
City
State
 

按钮控件后面的代码：

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

请注意以下几点：

  • 标准HTML标签已用于页面布局。

  • HTML表的最后一行用于数据显示。它需要服务器端处理，因此已向其中添加了ID属性和runat属性。