本篇提供表單頁需求說明寫法，應(yīng)用之前跟開發(fā)約定好的各組件規(guī)范，產(chǎn)品僅需寫好各組件面向業(yè)務(wù)的說明，即可達到事半功倍效果。

PS：未了解組件規(guī)范的朋友點擊查看往期文章

一、原型及說明

通過準備好的元件庫快速拖拽組件，形成表單

通過原型組件的特殊標(biāo)識，可在“組件規(guī)范”快速找到此組件規(guī)范，產(chǎn)品無需過多注意細節(jié)，著重梳理業(yè)務(wù)規(guī)則。

如，本頁所應(yīng)用的規(guī)范組件有：

• 常規(guī)輸入框
• 日期選擇器
• 單選器
• 單選框
• 照片墻上傳
• 復(fù)選框
• 復(fù)選器
• 開關(guān)
• 數(shù)字輸入框
• 文本域輸入框
• 拖拽上傳文件

（注：以上規(guī)范組件可在往期文章找到點擊查看）

二、提交信息校驗

超過三個校驗的表單，建議通過流程圖維護

本頁所應(yīng)用的規(guī)范組件有：

全局提示：

對話框：

（注：以上規(guī)范組件可在往期文章找到點擊查看）

三、表單頁規(guī)范

當(dāng)前，表單頁也可形成一篇規(guī)范，如下：

• 排版：可標(biāo)題左側(cè)排版、也可標(biāo)題在輸入框上方排版，具體可根據(jù)情況定義
• 組件標(biāo)題：在表單呈現(xiàn)
• 必填項：輸入框名稱前標(biāo)有紅星*為必填項
• 鍵盤操作：需支持通過鍵盤方向鍵切換選中的輸入框，如果是單選框、下拉選擇器，還可以切換選項，enter鍵可觸發(fā)頁面主按鈕