input語句的作用有哪些

本篇文章為大家展示了input語句的作用有哪些，內(nèi)容簡明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

HTML<input>標(biāo)簽

一個(gè)簡單的 HTML 表單，包含兩個(gè)文本輸入框和一個(gè)提交按鈕：

<form action="form_action.asp" method="get">  First name: <input type="text" name="fname" />  Last name: <input type="text" name="lname" />  <input type="submit" value="Submit" /></form>

定義和用法

<input> 標(biāo)簽用于搜集用戶信息。

根據(jù)不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等等。

屬性

acceptmime_type規(guī)定通過文件上傳來提交的文件的類型。alignleftrighttopmiddlebottom不贊成使用。規(guī)定圖像輸入的對(duì)齊方式。alttext定義圖像輸入的替代文本。autocompleteonoff規(guī)定是否使用輸入字段的自動(dòng)完成功能。autofocusautofocus

規(guī)定輸入字段在頁面加載時(shí)是否獲得焦點(diǎn)。

（不適用于 type="hidden"）

checkedchecked規(guī)定此 input 元素首次加載時(shí)應(yīng)當(dāng)被選中。disableddisabled當(dāng) input 元素加載時(shí)禁用此元素。formformname規(guī)定輸入字段所屬的一個(gè)或多個(gè)表單。formactionURL

覆蓋表單的 action 屬性。

（適用于 type="submit" 和 type="image"）

formenctype見注釋

覆蓋表單的 enctype 屬性。

（適用于 type="submit" 和 type="image"）

formmethodgetpost

覆蓋表單的 method 屬性。

（適用于 type="submit" 和 type="image"）

formnovalidateformnovalidate

覆蓋表單的 novalidate 屬性。

如果使用該屬性，則提交表單時(shí)不進(jìn)行驗(yàn)證。

formtarget_blank_self_parent_topframename

覆蓋表單的 target 屬性。

（適用于 type="submit" 和 type="image"）

heightpixels%定義 input 字段的高度。（適用于 type="image"）listdatalist-id引用包含輸入字段的預(yù)定義選項(xiàng)的 datalist 。maxnumberdate

規(guī)定輸入字段的最大值。

請(qǐng)與 "min" 屬性配合使用，來創(chuàng)建合法值的范圍。

maxlengthnumber規(guī)定輸入字段中的字符的最大長度。minnumberdate

規(guī)定輸入字段的最小值。

請(qǐng)與 "max" 屬性配合使用，來創(chuàng)建合法值的范圍。

multiplemultiple如果使用該屬性，則允許一個(gè)以上的值。namefield_name定義 input 元素的名稱。patternregexp_pattern

規(guī)定輸入字段的值的模式或格式。

例如 pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數(shù)字。

placeholdertext規(guī)定幫助用戶填寫輸入字段的提示。readonlyreadonly規(guī)定輸入字段為只讀。requiredrequired指示輸入字段的值是必需的。sizenumber_of_char定義輸入字段的寬度。srcURL定義以提交按鈕形式顯示的圖像的 URL。stepnumber規(guī)定輸入字的的合法數(shù)字間隔。typebuttoncheckboxfilehiddenimagepasswordradioresetsubmittext規(guī)定 input 元素的類型。valuevalue規(guī)定 input 元素的值。widthpixels%定義 input 字段的寬度。（適用于 type="image"）

上述內(nèi)容就是input語句的作用有哪些，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。