ASP.NET HTML 控件入門：runat=server 機制與 InnerHtml/InnerText 差異

HTML 控件是標準 HTML 標籤加上 runat="server" 後的伺服器端對應物件，位於 System.Web.UI.HtmlControls，讓後端程式碼能直接操作標籤屬性、事件與內容。

核心機制

• ID：程式碼存取的唯一識別碼
• runat="server"：標記為伺服器控件，ASP.NET 執行階段載入對應類別，渲染前可程式化操作
• 無 runat="server" 者視為純文字輸出至瀏覽器

常用屬性：InnerHtml vs InnerText

完整範例

<html>
<form runat="server">
  <button id="btn1" runat="server" onserverclick="btn1_Click" /><p>
  <span id="sp1" runat="server" /><br>
  <span id="sp2" runat="server" />
</form>
<script language="vb" runat="server">
  Sub Page_Load(sender As Object, e As EventArgs)
      btn1.InnerText = "請按我"
      sp1.InnerHtml = "凱際資訊"
      sp2.InnerText = "凱際資訊工作室"
  End Sub

  Sub btn1_Click(sender As Object, e As EventArgs)
      sp1.InnerHtml = "<b>ASP.NET</b>"      ' 粗體渲染
      sp2.InnerText = "<b>ASP.NET</b>"      ' 顯示原始標籤
  End Sub
</script>
</html>

關鍵差異對照

遷移既有 ASP 頁面

將現有 <input>、<select> 等標籤加上 runat="server" id="..."，即可在後端存取，無需重寫為 Web 控件，是最低成本的 ASP.NET 遷移路徑。