在HTML的<input>
標簽中,type
屬性用于指定輸入字段的類型。下面是一些常用的type
類型及其詳細用法:
text
:用于輸入單行文本,例如用戶名、搜索關鍵字等。
示例:<input type="text" name="username">
password
:用于輸入密碼,輸入內容會被隱藏。
示例:<input type="password" name="password">
number
:用于輸入數字,可以設置最小值和最大值。
示例:<input type="number" name="age" min="0" max="100">
email
:用于輸入電子郵件地址,會自動驗證輸入內容是否符合電子郵件格式。
示例:<input type="email" name="email">
url
:用于輸入網址,會自動驗證輸入內容是否符合網址格式。
示例:<input type="url" name="website">
tel
:用于輸入電話號碼。
示例:<input type="tel" name="phone">
checkbox
:用于選擇多個選項,可以設置默認選中項。
示例:<input type="checkbox" name="hobbies" value="reading" checked>
radio
:用于選擇單個選項,不同的選項需要使用相同的name
屬性。
示例:<input type="radio" name="gender" value="male">
file
:用于上傳文件。
示例:<input type="file" name="avatar">
date
:用于選擇日期。
示例:<input type="date" name="birthdate">
time
:用于選擇時間。
示例:<input type="time" name="eventTime">
color
:用于選擇顏色。
示例:<input type="color" name="backgroundColor">
這些只是一些常見的type
類型,還有其他更多類型可供選擇,具體可以參考HTML的文檔。