看完input的type屬性後我們接著看input的其他屬性~

1、 name 屬性

用來指定輸入元素的名稱，提交表單時，表單數據會根據 name 來識別輸入的內容。
沒有 name 屬性的元素不會隨表單提交。

<input type="text" name="username" placeholder="用戶名">

2、 value 屬性

value 屬性定義了輸入元素的初始值。對於文字輸入框，它表示預設值，對於按鈕類型，則表示按鈕上的顯示文字。

<input type="text" value="預設值">
<input type="submit" value="提交">

3、 placeholder 屬性

placeholder 提供了輸入框中的提示文字，當用戶沒有輸入時會顯示，幫助用戶理解應該輸入什麼內容。

<input type="text" placeholder="請輸入您的名字">

4、 required

使輸入框成為必填項。當用戶提交表單時，未填寫的必填項會阻止表單提交，並提示用戶完成輸入。

<input type="email" required>

5、 readonly

表示輸入框唯讀，無法修改，但可以選取和複製。

<input type="text" value="無法修改" readonly>

6、 disabled

禁用輸入框，輸入框變成灰色且無法編輯。

<input type="text" value="被禁用" disabled>

7、 maxlength

限制輸入框的最大字符數。限制使用者輸入的長度。

<input type="text" maxlength="10">

8、 min 和 max 屬性

這兩個屬性通常應用於數字或日期類型的輸入框，設定可輸入的最小與最大範圍。

<input type="number" min="1" max="100">
<input type="date" min="2023-01-01" max="2023-12-31">

今天先介紹到這裡，謝謝觀看！