在 HTML 中,<input>
元素是用來接受用戶輸入的最基本的表單元素之一。通過設置<input>
元素的不同屬性,可以實現多種不同的輸入方式。
下面是一些常用的<input>
屬性設置:
<input type="text" name="username"><input type="password" name="password"><input type="radio" name="sex" value="male"> 男<input type="radio" name="sex" value="female"> 女<input type="checkbox" name="hobby" value="reading"> 閱讀<input type="checkbox" name="hobby" value="travel"> 旅行<input type="submit" value="提交"><input type="reset" value="重置">
以上代碼可以實現輸入框、單選框、復選框和按鈕等不同的輸入方式。此外,還可以設置<input>
元素的其他屬性,比如required
,表示該輸入框必填;disabled
,表示該輸入框禁用,不可編輯。
需要注意的是,<input>
元素的屬性設置對于頁面的可訪問性非常重要。比如要為每個單選框和復選框都設置id
和label
屬性,以便屏幕閱讀器可以正確地讀出它們的內容。
總之,<input>
元素在 HTML 表單中扮演著重要的角色,通過不同的屬性設置,可以滿足多種輸入方式的需要。