1.1.6 輸入文本

輸入本文的位置和占位符文本所在的位置相同，如圖1-8所示。不同之處在于，占位符文本是系統(tǒng)默認的，而輸入文本是用戶主動輸入的。在顏色方面，輸入文本和文本框標簽相同，但比占位符文本要顯著。

圖1-8 輸入文本樣式

1．輸入文本類型

根據(jù)輸入內容的樣式和多少，輸入文本主要分為單行文本和多行文本兩種類型，如圖1-9所示。其中，單行文本的寬度和高度保持不變，而多行文本的寬度不變，根據(jù)實際內容，決定高度是否設計成自適應文本內容。一般文本輸入框都有文本長短限制，例如，50字以內。

圖1-9 常見輸入文本類型

2．輸入文本限制

輸入文本限制主要分為以下兩類。

● 輸入文本的內容限制。常見的內容限制主要有純數(shù)字（如手機號碼）、純字母（如英文名）、純漢字（如中文名），以及各種類型的排列組合或違禁內容的輸入限制。如果用戶輸入限制的內容，我們可以按無法輸入的邏輯處理，也可以在用戶輸入時，使用幫助文本提示用戶輸入的內容不合法。

● 輸入文本的長度限制。每一個輸入文本都要有一個輸入長度的極限值，例如，要求手機號碼只能有11位，身份證號碼只能有18位，文本描述不能超過50個漢字等，這些都是關于輸入文本的長度限制。

無論是單行文本，還是多行文本，在產(chǎn)品設計中，都要考慮到輸入文本的限制邏輯。

3．長文本處理方式

有時候文本長度已經(jīng)超過了輸入框的長度，出現(xiàn)了溢出的情況。這時一般會有以下3種文本處理邏輯。

● 截斷：只保留最大長度的文本，超過最大長度的溢出部分截斷。

● 換行：對溢出文本輸入框長度的部分做換行處理，溢出的內容繼續(xù)在第二段顯示。

● 省略：將溢出部分的內容換成省略號，表示輸入信息省略。