【新特性速遞】數字輸入框的字首和字尾(位於輸入框內部)

三生石上(FineUI控制元件)發表於2020-06-17

FineUIPro/Mvc/Core的下個版本(v6.4.0),我們會為NumberBox控制元件增加NumberPrefix和NumberSuffix。

 

之前的版本是支援表單欄位的字首和字尾,如下所示:

【新特性速遞】數字輸入框的字首和字尾(位於輸入框內部)

 

其中【美元金額】表單欄位的標籤定義如下所示(注意是:Prefix屬性):

<f:NumberBox Label="美元金額" ID="NumberBox6"
	NoDecimal="true" NoNegative="true" Required="true" 
	EnablePrefix="true" Prefix="$" runat="server" />

  

https://pro.fineui.com/#/form/form_prefix_suffix.aspx

 

 

對於數字輸入框,如果能把 $ 符號放到輸入框內部豈不是更好?這也就有了今天要介紹的更新(注意是:NumberPrefix屬性):

<f:NumberBox Label="美元" ID="NumberBox2" NoDecimal="true" 
	NoNegative="true" Text="100000" EnableCommas="true" Required="true" 
	ShowRedStar="true" runat="server" NumberPrefix="$ " />

 

顯示效果如下所示:

【新特性速遞】數字輸入框的字首和字尾(位於輸入框內部)

 

 

歡迎入夥:https://fineui.com/fans/

 

三石出品,必屬精品 

 

相關文章