文字輸入框的屬性有：1、accept，規定透過檔案上傳來提交的檔案的類型；2、alt，定義圖片輸入的替代文字；3、disabled，定義停用狀態；4、formaction ，規定當表單提交時處理輸入控制項的文件的URL；5、formtarget，規定表示提交表單後在哪裡顯示接收到回應的名稱或關鍵字；6、cols，規定文字區域內可見的寬度；7、readonly ，等於唯讀狀態。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
在HTML/CSS中，文字輸入框有兩種：
input：單行文字輸入方塊
textarea ：多行文字輸入框
下面我們就來聊聊這兩個輸入框支援的屬性。
input輸入框的屬性
<input> 標籤規定了使用者可以在其中輸入資料的輸入欄位。
| 屬性 |
值 |
描述 |
| #accept |
audio/*
video/*
image/*MIME_type
|
規定透過檔案上傳來提交的檔案的類型。
(只針對type="file") |
| align |
left
right
top
middle
bottom |
HTML5已被廢棄，不贊成使用。規定影像輸入的對齊方式。 (只針對type="image") |
| alt |
#text |
定義影像輸入的替代文本。 (只針對type="image") |
| autocomplete |
#on
off |
autocomplete 屬性規定 <input> 元素輸入欄位是否應該啟用自動完成功能。 |
| autofocus |
autofocus |
#屬性規定當頁面載入時 <input> 元素應該會自動取得焦點。 |
| checked |
checked |
checked 屬性規定在頁面載入時應該被預先選定的 <input> 元素。 (只針對type="checkbox" 或type="radio") |
| disabled |
disabled |
disabled 屬性規定應該停用的<input>
|
| form |
form_id |
#form 屬性規定 <input> 元素所屬的一個或多個表單。 |
| formaction |
URL |
#屬性規定當表單提交時處理輸入控制項的檔案的 URL。 (只針對 type="submit" 和 type="image") |
| formenctype |
application/x-www-form-urlencoded
multipart/form-data
text/plain |
屬性規定表單資料提交到伺服器時如何編碼(只適合 type="submit" 和 type="image")。 |
| formmethod |
get
post |
定義傳送表單資料到 action URL 的 HTTP 方法。 (只適合type="submit" 和type="image") |
| formnovalidate |
formnovalidate |
formnovalidate 屬性覆寫
|
| formtarget |
_blank
_self
_parent
_topframename
|
規定表示提交表單後在哪裡顯示接收到回應的名稱或關鍵字。 (只適合type="submit" 和type="image") |
| height |
pixels |
規定 元素的高度。 (只針對type="image") |
| list |
datalist_id |
屬性引用
|
| max |
number
date |
屬性規定 <input> 元素的最大值。 |
| maxlength |
number |
#屬性規定 <input> 元素中允許的最大字元數。 |
| min |
number
date |
屬性規定 <input>元素的最小值。 |
| multiple |
multiple |
#屬性規定允許使用者輸入到 <input> 元素的多個值。 |
| name |
text |
#name 屬性規定 <input> 元素的名稱。 |
| pattern |
regexp |
#pattern 屬性規定用於驗證 <input> 元素的值的正規表示式。 |
| placeholder |
text |
#placeholder 屬性規定可描述輸入 <input> 欄位預期值的簡短的提示訊息
。 |
| readonly |
readonly |
readonly 屬性規定輸入欄位是唯讀的。 |
| required |
required |
屬性規定必須在提交表單之前填入輸入欄位。 |
| size |
number |
size 屬性規定以字元數計的 <input> 元素的可見寬度。 |
| src |
URL |
#src 屬性規定顯示為提交按鈕的圖片的 URL。 (只針對
type="image") |
| step |
number |
step 屬性規定<input> 元素的合法數字間隔。 |
| type |
button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week |
type 屬性規定要顯示的 < ;input> 元素的類型。 |
| value |
text |
#指定 <input> 元素 value 的值。 |
| width |
pixels |
width 屬性規定 <input> 元素的寬度。 (只針對type="image") |
type 屬性規定要顯示的 <input> 元素的類型，預設類型是：text。
HTML5中新增的type屬性值範例
點擊時彈出顏色選擇器，可以選擇任意顏色
輸入範圍內的數字，可以手動輸入超出範圍的數字，但不能提交
#
#
說明：日期時間控制項也支援min和max屬性，表示可設定的最小和最大時間
textarea輸入框的屬性
##
以上是HTML/CSS文字輸入框有哪些屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！
