使用小工具 > 2D > 文字輸入 (Text Input)
  
文字輸入 (Text Input)
此小工具的功能為何?
「文字輸入」小工具為單行的文字方塊。可用以輸入文字或數字資料輸入項,或以編輯模式顯示文字或數字資料。
使用此小工具的時機?
當您要納入單行文字方塊,以利體驗使用者輸入文字資料時,就可使用此小工具。舉例來說,如果您想在服務技術人員開始維護之前,先進入發電機的供油層,這時就是最佳時機。
還有任何特殊屬性、服務、事件、操作嗎?
欲檢視通用的小工具屬性、服務、事件等清單,可參閱 共通的小工具屬性、服務、事件
下表是此小工具專屬屬性的清單。
屬性
JavaScript
類型
描述
對齊
textalign
string
選取下列其中一項:
靠左
置中
靠右
類型
inputType
string
選取下列其中一項:
文字 - 可輸入任何格式的文字。
數字 - 可指定其他小工具上的數字參數,或用於 ThingWorx 實體上的 ThingWorx 服務之參數值。
* 
當選取「數字」時,會啟用「最小」「最大」,和「步驟」欄位。
標籤位置
type
string
選取下列其中一項:
預留位置 - 僅為預留位置屬性的文字方塊。會完全略過設定該標籤。
內嵌標籤 - 標籤會顯示在左側,文字輸入則位於右側。
堆疊標籤 - 標籤顯示在頂端,文字輸入則位於其下方。
浮動標籤 - 標籤顯示在頂端,文字輸入則位於其下方。
最大值
maxValue
number
可接受的最大值。
最小值
minValue
number
可接受的最小值。
步驟
stepValue
number
指定每次按下按鈕時增加或減少的級距。
操作中的小工具
此範例為小工具可能的外觀!
使用所必須的最少步驟
近似外觀
1. 拖曳「文字輸入」小工具至畫布上。
2. 如果您要提示使用者於文字範圍中所應輸入的內容,則在「預留位置」欄位上輸入預留位置的文字。此範例中,我們針對「標籤位置」屬性選擇了「內嵌標籤」選項,因此可預先定義該於標籤右側所輸入的值。然後在「預留位置」欄位中指定的預留位置文字,會顯示在 Oil Level 標籤的右側。