Echo ：依據(jù)部件的主要用途，能夠分成六大類，F(xiàn)eedback 意見反饋、form 表格、basic 基本、data 數(shù)據(jù)信息 、navigation 導(dǎo)航欄、other 別的。
表格在網(wǎng)頁頁面中關(guān)鍵承擔(dān)數(shù)據(jù)收集作用；用戶必須填好鍵入數(shù)據(jù)信息而且遞交到數(shù)據(jù)庫查詢，則這類部件便是表格類。
文中關(guān)鍵解讀表格中的文本和選擇器，在其中文本分成 input 短文本、InputAutocomplete 短文本想到和 InputMultiline 長文本。
一、input 短文本
界定：用以用戶文本鍵入，并以字符串?dāng)?shù)組的方法遞交到數(shù)據(jù)庫查詢。
應(yīng)用情景：
用戶必須鍵入標(biāo)識(shí)符時(shí)。
根據(jù)鼠標(biāo)和鍵盤鍵入內(nèi)容。
鍵入的文本一般 放置輸入框。
比如考拉海購優(yōu)惠劵換取的表格填好，便是短文本鍵入部件，前邊是文章標(biāo)題，后邊是文本輸入框。
input 短文本部件的展現(xiàn)方式能夠分成三類：
文章標(biāo)題和輸入框上下排序；
文章標(biāo)題和輸入框左右排序；
不用文章標(biāo)題的排序。
文章標(biāo)題和輸入框上下排序時(shí)，短文本部件存有的情況有原始態(tài)、激話態(tài)、出錯(cuò)態(tài)、進(jìn)行態(tài)和禁止使用態(tài)。
普遍的表格類排版設(shè)計(jì)全是上下排版設(shè)計(jì)，另外表格中間，文章標(biāo)題選用左兩端對(duì)齊，輸入框左兩端對(duì)齊的狀況比較多。有時(shí)文章標(biāo)題名稱太長得話，上下排序就不足好，此刻必須選用左右排序。
文章標(biāo)題和輸入框左右排版設(shè)計(jì)時(shí)，存有情況和上下排序是一致的。
當(dāng)沒有文章標(biāo)題時(shí)，存有情況同上下排序的標(biāo)準(zhǔn)和邏輯性。
二、InputAutocomplete 短文本想到
界定：用戶用以文本鍵入，在鍵入全過程中會(huì)想到配對(duì)文本選擇項(xiàng)，并以字符串?dāng)?shù)組的方法遞交到數(shù)據(jù)庫查詢。
應(yīng)用情景：
必須用戶鍵入文本時(shí)。
給予想到配對(duì)文本，降低用戶鍵入成本費(fèi)。
在鍵入全過程中依據(jù)用戶鍵入的內(nèi)容，發(fā)生配對(duì)選擇項(xiàng)，遞交的數(shù)據(jù)信息是文本并非枚舉類型項(xiàng)。
比如網(wǎng)頁搜索，在輸入框輸入關(guān)鍵字的時(shí)候會(huì)發(fā)生相匹配的想到配對(duì)文本。
和 input 短文本部件對(duì)比，InputAutocomplete 短文本想到唯一的不一樣便是增加了想到配對(duì)選擇項(xiàng)，而且遞交的是文本并非枚舉類型項(xiàng)。
文章標(biāo)題和輸入框上下排序時(shí)，InputAutocomplete 短文本想到部件存有的情況有原始態(tài)、激話態(tài)、出錯(cuò)態(tài)、進(jìn)行態(tài)和禁止使用態(tài)。
左右排序的情況和標(biāo)準(zhǔn)邏輯性同上下排序。
沒有文章標(biāo)題的情況和標(biāo)準(zhǔn)邏輯性同上下排序。
三、InputMultiline 長文本
界定：用戶用以長文本鍵入，并以文本的方法遞交到數(shù)據(jù)庫查詢。
應(yīng)用情景：
多段文字輸入。
必須自動(dòng)換行。
鍵入的文本一般 放置輸入框中。
比如微博，在輸入框發(fā)布微博時(shí)，便是長文本鍵入，能夠自動(dòng)換行。
文章標(biāo)題和輸入框上下排序時(shí)，InputMultiline 長文本存有的情況有原始態(tài)、激話態(tài)、出錯(cuò)態(tài)、進(jìn)行態(tài)和禁止使用態(tài)。在鍵入全過程中一般有統(tǒng)計(jì)字?jǐn)?shù)，超出限定篇幅，不允許用戶鍵入。
左右排序邏輯性和標(biāo)準(zhǔn)同上下排序。
沒有文章標(biāo)題的邏輯性同上下排序。
四、select 選擇器
界定：用戶根據(jù)挑選枚舉類型項(xiàng)，遞交到網(wǎng)絡(luò)服務(wù)器。后端開發(fā)儲(chǔ)存為枚舉類型項(xiàng)。
應(yīng)用情景：
彈出來一個(gè)下拉選項(xiàng)給用戶挑選實(shí)際操作。
當(dāng)選擇項(xiàng)較少時(shí)（低于5項(xiàng)），提議立即將選擇項(xiàng)鋪平，應(yīng)用 Radio 是更強(qiáng)的挑選。
比如淘寶商家后臺(tái)管理挑選訂單信息的情況時(shí)，點(diǎn)一下選擇器，發(fā)生下拉框。這就是一個(gè)普遍的選擇器，選擇器分成多選題和單項(xiàng)選擇題兩類。
下面的圖為選擇器基本上款式，便是簡易的下拉選項(xiàng)，不能開展關(guān)鍵字的檢索。
下面的圖是能夠檢索的選擇器，當(dāng)輸入框處在激話態(tài)時(shí)，浮起下拉框。在鍵入全過程中，發(fā)生配對(duì)枚舉類型項(xiàng)，點(diǎn)一下枚舉類型項(xiàng)，則鍵入的關(guān)鍵字清除，另外下拉選項(xiàng)收攏。輸入框發(fā)生挑選的選擇項(xiàng)。
有時(shí)存有一個(gè)情景，用戶對(duì)必須填好的選擇項(xiàng)設(shè)成空選擇項(xiàng)，則必須空值的選擇項(xiàng)。
有時(shí)存有一個(gè)情景，用戶挑選了一個(gè)選擇項(xiàng)，可是后邊想除掉挑選的選擇項(xiàng)，不開展挑選。
選擇器多選題部件中必須留意的一點(diǎn)便是，用戶在輸入關(guān)鍵字中，挑選相匹配下拉選項(xiàng)，則鍵入的字符串?dāng)?shù)組清除，另外發(fā)生該選擇項(xiàng) tag。
