HTML 隱藏文本框：type="hidden" 與 CSS display:none 差異選擇

在 JSP/HTML 中不想讓用戶看到但需隨表單提交的字段，有兩種主流方式：

1. <input type="hidden">（推薦）

<input type="hidden" name="token" value="abc123">

• ✅ 完全不佔版面，不渲染盒模型。
• ✅ 表單提交自動攜帶，request.getParameter("token") 可取。
• ✅ 禁用、唯讀屬性無效（本身不可見）。

2. CSS 隱藏 <input type="text" style="display:none">

• ⚠️ 仍佔據 DOM 節點，可能被屏幕閱讀器讀取（無障礙問題）。
• ⚠️ 若父元素 display:flex 可能影響佈局計算。
• ⚠️ 自動填充插件可能嘗試填入。

最佳實踐

• 純數據傳遞（CSRF Token、ID、狀態標記） → type="hidden"。
• 需在 JS 中動態顯示/隱藏、保持可編輯狀態 → type="text" + style.display。

題主場景「不想顯示到瀏覽器頁面」直接用 type="hidden" 即可。