本文作者：張?jiān)棋X，從前端到ui到ue，現(xiàn)任職上海某互聯(lián)網(wǎng)公司，產(chǎn)品經(jīng)理。
針對這個問題，我從三個方面進(jìn)行拆分研究，從而得出app每頁的最佳文本框個數(shù)。
【1】、不同大小的手機(jī)屏幕，對應(yīng)的app每頁最佳文本框個數(shù)，是不同的。
【1.1】如果是iphone4的屏幕尺寸，分辨率為640x960px的時候， 文本框個數(shù)最大值為：2個文本框
【計(jì)算公式】
第一步、（960px屏幕總高度）-（40px的電量條高度）-（88px的頂部條高度）-（88px的下一步按鈕的高度）-（鍵盤高度520px）=224px的文本框高度； 第二步、（224px的總文本框高度）/（88px單個文本框高度）=2.5個文本框≈2個文本框
【基本尺寸】
40px是電量條的高度；
44px的高度是普通屏幕可點(diǎn)擊高度的最小值；
iphone4是高清屏，所以可點(diǎn)擊高度的最小值為88px；
即，可以點(diǎn)擊的單個文本框的高度最小值為88px。
鍵盤高度為520px；分析鍵盤高度，是為了防止鍵盤彈起的時候，遮擋了文本框。
【1.2】如果是如果是iphone5的屏幕尺寸，分辨率為640x1136px的時候，
文本框個數(shù)最大值為：4個文本框
【計(jì)算公式】
第一步、（1136px屏幕總高度）-（40px的電量條高度）-（88px的頂部條高度）-（88px的下一步按鈕的高度）-（鍵盤高度520px）=400px的文本框高度；
第二步、（400px的總文本框高度）/（88px單個文本框高度）=4.5個文本框≈4個文本框
【1.3】如果是如果是iphone6的屏幕尺寸，分辨率為750x1334px的時候， 文本框個數(shù)最大值為：6個文本框
【計(jì)算公式】
第一步、（1334px屏幕總高度）-（40px的電量條高度）-（88px的頂部條高度）-（88px的下一步按鈕的高度）-（鍵盤高度520px）=598px的文本框高度；
第二步、（598px的總文本框高度）/（88px單個文本框高度）=6.8個文本框≈6個文本框
【綜上所述】考慮到支持小屏幕iphone4的手機(jī)，文本框個數(shù)的最佳范值是小于2個；
類似尺寸的android屏幕，參考上述計(jì)算公式，即可算出對應(yīng)文本框個數(shù)最大值。
【2】、從避免鍵盤遮擋文本框的角度來看，滑動鍵盤和打字鍵盤是不同的。
如上圖所示
左邊是【打字鍵盤】，沒有可以點(diǎn)擊【完成】輸入的按鈕，如果是3個文本框：那么需要上下滑動，才可以點(diǎn)擊下一步按鈕。為了不需要上下滑動，一個app的頁面，文本框個數(shù)的最大值是2個。
右邊是【滑動鍵盤】，點(diǎn)擊有效期文本框示，彈出的滑動鍵盤上有可以點(diǎn)擊的【完成】的按鈕，如果最后一個文本框是類似【有效期】的可以彈出滑動鍵盤，有【完成】的按鈕，那么最后一個文本框，在點(diǎn)擊【完成】按鈕之后，就可以出現(xiàn)【下一步】的按鈕了。也就是鍵盤，就不會遮擋文本框了。在最后一個文本框是類似【有效期】文本框，可以彈出滑動鍵盤的時候，一個app的頁面，文本框個數(shù)的最大值可以是3個。
【3】、最后一個文本框，是否是短信驗(yàn)證碼的輸入框。
如上圖所示
左圖只有1個文本框，右圖有4個文本框。【左圖】vs【右圖】，右圖的缺點(diǎn)有3個：
一是，【右圖】因?yàn)槲谋究虺^2個，所以鍵盤彈起時會遮擋文本框，需要不斷上下滑動，才可以完成輸入；
二是，【右圖】的提示文字和文本框，呈現(xiàn)出文字在上，文本框在下的兩行排列方式，實(shí)在是浪費(fèi)了屏幕的高度。如果文字在左，文本框在右的一行排列方式，那就可以節(jié)省使用屏幕的高度了；
三是，【右圖】的手機(jī)號文本框和短信驗(yàn)證碼放在同一頁，用戶需要在填完手機(jī)號之后，點(diǎn)擊一次【獲取驗(yàn)證碼】才可以發(fā)送驗(yàn)證碼短信，而左圖在只有一個短信驗(yàn)證碼的文本框的情況下，用戶跳轉(zhuǎn)到這個頁面的時候，短信驗(yàn)證碼就在跳轉(zhuǎn)的一瞬間，就發(fā)送到手機(jī)上了，為用戶節(jié)省了點(diǎn)擊一次【獲取驗(yàn)證碼】的時間。
【綜上所述】如果文本框是短信驗(yàn)證碼的輸入框，那么文本框個數(shù)的最佳值是1個。