免費下載Axure RP 優惠購買Axure RP

文本字段和文本區域是表單控件，用戶可以在Web瀏覽器中輸入響應。它們位于默認窗口小部件庫的“表單”部分中。

在為期望簡短（單行）響應的表單字段（例如用戶名或密碼字段）制作原型時，請使用文本字段小部件。（這些也適用于搜索字段。）

在對期望長（多行）響應的表單字段進行原型制作時，請使用文本區域小部件，例如反饋表單。

注意：您可以捕獲用戶輸入到文本字段和文本區域中的文本，并將該文本傳遞到原型中的其他頁面。在如何將文本傳遞給下一頁教程中了解如何。

提示文字

您可以使用“交互”窗格中的“提示文本”字段將提示文本（也稱為“占位符文本”）添加到文本字段/區域。提示文本將出現在文本字段/區域中，直到用戶與之交互為止，此時該提示文本將消失，以允許用戶根據需要填寫輸入。

您可以選擇在文本字段/區域成為焦點之后還是在用戶開始鍵入之后是否隱藏提示文本。使用“在之后隱藏”下拉菜單進行選擇。

提示文本默認為灰色，并以應用于文本字段/區域的字體顯示。要更改提示文本的樣式，請在“交互”窗格中編輯“提示”樣式效果。

輸入類型（僅文本字段）

您可以為文本字段小部件提供不同的輸入類型，以用戶輸入形式表示其功能。使用“交互”窗格中的“類型”下拉列表選擇文本字段的輸入類型。

請記住，Web瀏覽器通常將自己的樣式應用于某些類型的文本字段。此外，當您在移動設備上選擇文本字段時，某些字段類型將導致出現其他類型的鍵盤，例如數字小鍵盤而不是字母數字鍵盤。

• 注意：文本字段類型是HTML的功能，而不是Axure的發明-我們只是讓您訪問它們。這樣，您會發現某些字段類型比其他字段類型更適用于Axure RP。
• 不同類型的字段以及使用該字段類型的結果如下：
• 文字：用于基本文字輸入的默認設置
• 密碼：輸入的文字被屏蔽
• 電子郵件：可能會在移動設備上提示電子郵件鍵盤
• 數字：僅接受數字輸入，可能會在移動設備上提示數字鍵盤
• 電話號碼：可能會在移動設備上提示撥號盤
• URL：可能在移動設備上提示輸入URL的鍵盤
• 搜索：可以在移動設備的鍵盤上添加搜索按鈕。某些網絡瀏覽器可能會添加“ X”圖標，您可以單擊以清除該字段
• 文件：將文本字段更改為Web瀏覽器中的文件上傳按鈕，單擊該按鈕將打開設備的文件瀏覽器（盡管無法將文件上傳到Axure RP原型）
• 日期：可能會提示瀏覽器樣式的日期選擇器或日歷控件
• 月：可能會提示瀏覽器樣式的月和年選擇器
• 時間：可能會提示瀏覽器樣式的時間選擇器

制表順序

文本字段，文本區域和其他表單窗口小部件的選項卡順序由其層深度確定，如“大綱”窗格中所示。您可以在“組織小部件”文章中了解有關此內容以及如何更改小部件的選項卡順序的更多信息。

特殊性質

您可以通過單擊“交互”窗格中的“全部顯示”來訪問文本字段和文本區域小部件的某些其他屬性。

最大長度（僅文本字段）

您可以使用“交互”窗格中的“最大長度”字段來指定文本字段將接受的最大輸入長度。一旦達到最大字符長度，該字段將停止接受其他文本輸入。

禁用

禁用文本字段或文本區域可防止用戶在Web瀏覽器中與其進行交互。這還會激活小部件的“禁用”樣式效果，使其顯示為灰色。有兩種禁用窗口小部件的方法：

• 選中“交互”窗格底部的“禁用”復選框。
• 通過啟用/禁用操作在Web瀏覽器中動態禁用窗口小部件。您可以在任何交互過程中執行此操作，例如在頁面加載或單擊按鈕時。

注意：您可以使用“啟用/禁用”操作在Web瀏覽器中動態啟用禁用的窗口小部件。請查看“條款和條件”教程，以獲取有關如何完成此操作的示例。

只讀

當您將文本字段/區域設置為“只讀”時，可以在Web瀏覽器中看到和選擇窗口小部件上已經存在的文本，但是用戶無法更改。要將文本字段/區域設置為只讀，請選中“交互”窗格中的“只讀”復選框。

特殊互動

捕獲和評估輸入的文本

您可以通過操作和條件中的小部件值上的文本選項訪問在文本字段或文本區域中輸入的文本。例如，可以將全局變量的值設置為文本字段/區域上的文本，以將該文本帶到另一個頁面。

您還可以評估文本字段或文本區域的文本，使其僅在文本匹配特定值的情況下才執行特定情況，就像在驗證用戶名和密碼組合時所做的那樣。

ENTER按鈕

ENTER在文本字段或文本區域在Web瀏覽器中處于焦點狀態時，按下鍵可以觸發頁面上另一個小部件的Click或Tap事件，這就是文本字段/區域的“提交按鈕”。

要將提交按鈕分配到文本字段/區域：

• 選擇文本字段/區域，然后單擊“交互”窗格下部的“顯示全部” 。
• 從“提交按鈕”下拉列表中的合格小部件列表中選擇。
• 要取消分配提交按鈕，請單擊下拉列表底部的取消分配提交按鈕。

推薦閱讀：

原型設計工具Axure RP入門教程

原型設計工具Axure RP新手教程

關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。