Password 文字方塊後端綁定數值的解決方案

問題背景

ASP.NET TextBox 設定 TextMode="Password" 時，為了安全性，瀏覽器不會在 HTML 中輸出 value 屬性，導致後端程式碼指派 Text 屬性無效，前端顯示為空白。

解決方案

方法一：前端 JavaScript 設定 value（推薦）

<asp:TextBox ID="txtPwd" runat="server" TextMode="Password" ClientIDMode="Static" />
<script>
    // 後端產生腳本或透過 RegisterStartupScript
    document.getElementById('txtPwd').value = '<%= Server.HtmlEncode(PasswordValue) %>';
</script>

方法二：使用 attributes 強制輸出

txtPwd.Attributes["value"] = passwordValue;

此法會直接在渲染的 <input> 標籤加上 value，但需注意：瀏覽器開發工具可見明碼，僅適用於非高敏感度場景。

方法三：自訂控制項繼承 TextBox

public class PasswordTextBox : TextBox {
    protected override void Render(HtmlTextWriter writer) {
        if (!string.IsNullOrEmpty(Text))
            Attributes["value"] = Text;
        base.Render(writer);
    }
}

封裝邏輯，專案中複用極為方便。

安全性提醒

• 密碼欄位回填明碼屬高風險操作，僅在「修改密碼」等必要流程使用
• 生產環境建議搭配 HTTPS、禁止快取（autocomplete="off"）
• 若非必要，避免在前端保留密碼明文

掌握上述技巧，即可在保有安全性前提下，靈活處理 Password 欄位的後端賦值需求。