HTML 上的 input type=image 與不應該再使用這個 type

2023-11-09 13:16:35

<input type="image"> 是一種 HTML 表單元素，通常用於在表單中作為圖像提交按鈕。這個元素在過去曾被廣泛使用，但現在不再被推薦使用，因為有更好的替代方案。

推薦使用以下方法代替 <input type="image">：

<input type="submit">：

使用普通的提交按鈕，並在其中放置一張圖像，這樣更容易實現相同的功能，同時也更具可讀性。

使用 <button> 元素：

<button> 元素比 <input> 更靈活，可以包含圖像和文字，並且可以使用 CSS 輕鬆設計外觀。

<button type="submit">
  <img src="image.png" alt="Submit">
</button>

<input type="image"> 雖然仍然有效，但已經不再是最佳的實現方式，因此建議使用上述提到的替代方法來實現圖像提交按鈕。

Video Prompt AI：利用 AI 創建影片 OpenAI Text-To-Speech API with Gradio：使用 OpenAI 的文字轉語音服務

你可能也會喜歡的

HTML5 棄用的標籤

HTML 文字相關標籤的語意關係

Devhints：開發者快速查詢程式語言語法的最佳捷徑

Cheatography- 收錄超過 5000 則 Cheat Sheets 的網站，包含程式語言、軟體以及遊戲...等

如何防止別人將網頁透過 iframe 嵌入其他網站

[CodeIgniter 4] 保護您的網頁免受XSS攻擊，並避免因 HTML 的特殊符號導致頁面破版：深入了解esc()函數的使用

課程推薦

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。