這篇“HTML/CSS文本輸入框?qū)傩栽趺从谩蔽恼碌闹R點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“HTML/CSS文本輸入框?qū)傩栽趺从谩蔽恼掳伞?/p>
創(chuàng)新互聯(lián)公司"三網(wǎng)合一"的企業(yè)建站思路。企業(yè)可建設(shè)擁有電腦版、微信版、手機版的企業(yè)網(wǎng)站。實現(xiàn)跨屏營銷，產(chǎn)品發(fā)布一步更新，電腦網(wǎng)絡(luò)+移動網(wǎng)絡(luò)一網(wǎng)打盡，滿足企業(yè)的營銷需求！創(chuàng)新互聯(lián)公司具備承接各種類型的網(wǎng)站制作、網(wǎng)站建設(shè)項目的能力。經(jīng)過十多年的努力的開拓，為不同行業(yè)的企事業(yè)單位提供了優(yōu)質(zhì)的服務(wù)，并獲得了客戶的一致好評。
文本輸入框的屬性有：1、accept，規(guī)定通過文件上傳來提交的文件的類型；2、alt，定義圖像輸入的替代文本；3、disabled，定義禁用狀態(tài)；4、formaction，規(guī)定當(dāng)表單提交時處理輸入控件的文件的URL；5、formtarget，規(guī)定表示提交表單后在哪里顯示接收到響應(yīng)的名稱或關(guān)鍵詞；6、cols，規(guī)定文本區(qū)域內(nèi)可見的寬度；7、readonly，等于只讀狀態(tài)。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在HTML/CSS中，文本輸入框有兩種：
input：單行文本輸入框
textarea：多行文本輸入框
下面我們就來聊聊這兩個輸入框支持的屬性。
input輸入框的屬性
標(biāo)簽規(guī)定了用戶可以在其中輸入數(shù)據(jù)的輸入字段。
| 屬性 | 值 | 描述 |
|---|---|---|
| accept | audio/* video/* image/*MIME_type | 規(guī)定通過文件上傳來提交的文件的類型。 (只針對type="file") |
| align | left right top middle bottom | HTML5已廢棄，不贊成使用。規(guī)定圖像輸入的對齊方式。 (只針對type="image") |
| alt | text | 定義圖像輸入的替代文本。 (只針對type="image") |
| autocomplete | on off | autocomplete 屬性規(guī)定 元素輸入字段是否應(yīng)該啟用自動完成功能。 |
| autofocus | autofocus | 屬性規(guī)定當(dāng)頁面加載時 元素應(yīng)該自動獲得焦點。 |
| checked | checked | checked 屬性規(guī)定在頁面加載時應(yīng)該被預(yù)先選定的 元素。 (只針對 type="checkbox" 或者 type="radio") |
| disabled | disabled | disabled 屬性規(guī)定應(yīng)該禁用的 元素。 |
| form | form_id | form 屬性規(guī)定 元素所屬的一個或多個表單。 |
| formaction | URL | 屬性規(guī)定當(dāng)表單提交時處理輸入控件的文件的 URL。(只針對 type="submit" 和 type="image") |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | 屬性規(guī)定當(dāng)表單數(shù)據(jù)提交到服務(wù)器時如何編碼(只適合 type="submit" 和 type="image")。 |
| formmethod | get post | 定義發(fā)送表單數(shù)據(jù)到 action URL 的 HTTP 方法。 (只適合 type="submit" 和 type="image") |
| formnovalidate | formnovalidate | formnovalidate 屬性覆蓋 |
| formtarget | _blank _self _parent _topframename | 規(guī)定表示提交表單后在哪里顯示接收到響應(yīng)的名稱或關(guān)鍵詞。(只適合 type="submit" 和 type="image") |
| height | pixels | 規(guī)定 元素的高度。(只針對type="image") |
| list | datalist_id | 屬性引用 |
| max | number date | 屬性規(guī)定 元素的最大值。 |
| maxlength | number | 屬性規(guī)定 元素中允許的最大字符數(shù)。 |
| min | number date | 屬性規(guī)定 元素的最小值。 |
| multiple | multiple | 屬性規(guī)定允許用戶輸入到 元素的多個值。 |
| name | text | name 屬性規(guī)定 元素的名稱。 |
| pattern | regexp | pattern 屬性規(guī)定用于驗證 元素的值的正則表達(dá)式。 |
| placeholder | text | placeholder 屬性規(guī)定可描述輸入 字段預(yù)期值的簡短的提示信息 。 |
| readonly | readonly | readonly 屬性規(guī)定輸入字段是只讀的。 |
| required | required | 屬性規(guī)定必需在提交表單之前填寫輸入字段。 |
| size | number | size 屬性規(guī)定以字符數(shù)計的 元素的可見寬度。 |
| src | URL | src 屬性規(guī)定顯示為提交按鈕的圖像的 URL。 (只針對 type="image") |
| step | number | step 屬性規(guī)定 元素的合法數(shù)字間隔。 |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | type 屬性規(guī)定要顯示的 元素的類型。 |
| value | text | 指定 元素 value 的值。 |
| width | pixels | width 屬性規(guī)定 元素的寬度。 (只針對type="image") |
type 屬性規(guī)定要顯示的 元素的類型，默認(rèn)類型是：text。
HTML5中新增的type屬性值示例
color
時間控件 - time
日期時間控件 - datetime-local
月控件 - month
周控件 - week
日期時間控件--datetime
說明：日期時間控件也支持min和max屬性，表示可設(shè)置的最小和最大時間
textarea輸入框的屬性
重慶分公司
重慶分公司