ProgressBar

[HTML][新手] 15. 輸入欄位(input) - 簡介與瀏覽器顯示比較

[HTML][新手] 15. 輸入欄位(input) - 簡介與瀏覽器顯示比較

作者: 進度條編輯群更新日期:

此文章也有影片介紹,可以搭配影片一起學習!

01. 輸入欄位(input) - 簡介與瀏覽器顯示比較 (所屬課程)


以下正式開始文章


網站除了單方面提供資訊供使用者閱讀外,設計表單或是輸入框可以增加與使用者的互動性,這堂課會先簡單介紹輸入欄位的用途以及在手機鍵盤上的差異。
 

 

 

 

輸入欄位(input)基本介紹

輸入欄位(input)有很多種類,選擇方式是用一個叫type的屬性,不同的type會有不同的用途,使用brackets等語法編輯器也會發現有非常多的type可以選擇,

 

 

圖文系列教學: HTML 新手網站基礎教學

進度條編輯群

進度條編輯群

線上課程

2026 AI實戰基礎篇

2026 AI實戰基礎篇

Laravel 後端PHP架站,API Server與訂閱軟體全攻略

Laravel 後端PHP架站,API Server與訂閱軟體全攻略

WordPress - 從頭教起的網站架設

WordPress - 從頭教起的網站架設

程式客製WooCommerce,WordPress購物系統全解析

程式客製WooCommerce,WordPress購物系統全解析

Electron 跨平台桌面程式,建立點餐系統與裝置控制

Electron 跨平台桌面程式,建立點餐系統與裝置控制

C語言 - 近代程式語言的基礎

C語言 - 近代程式語言的基礎

ES6,ReactJS與Webpack,前端JavaScript全攻略

ES6,ReactJS與Webpack,前端JavaScript全攻略

從零開始的SQL語法與資料庫設計 - 以MySQL來攻略

從零開始的SQL語法與資料庫設計 - 以MySQL來攻略

Linux雲端伺服器,用AWS暸解Apache與Nginx

Linux雲端伺服器,用AWS暸解Apache與Nginx

HTML, CSS, JavaScript, jQuery 網頁從零開始

HTML, CSS, JavaScript, jQuery 網頁從零開始

Git程式版本管控 - 由簡單到難

Git程式版本管控 - 由簡單到難

網路關鍵字佔領技術,微創業與數位行銷正規作戰方式

網路關鍵字佔領技術,微創業與數位行銷正規作戰方式

快速開發,從頭教起的Ruby on Rails後端之旅

快速開發,從頭教起的Ruby on Rails後端之旅

行動第一! 使用Bootstrap建立響應式RWD網站!

行動第一! 使用Bootstrap建立響應式RWD網站!