jsf - JSF で input type="tel" を生成する

Question

サイトをモバイルフレンドリーにするために、追加したい

<input type="email">

と

<input type="tel">

しかし、私はJSFを次のように使用する必要があります

<h:inputText  value="#{connetcionController.userName}" />

JSF で html 入力タイプを生成するにはどうすればよいですか?

私もプライムフェイスを使用していますが、同様の機能はありますか?

Answer 1

typePrimeFaces を使用している場合は<p:inputText>、この方法で使用できるはずです

<p:inputText type="email" ... />

また

<p:inputText type="tel" ... />

を使い続けたい場合は<h:inputText>、最低でも JSF 2.2 にアップグレードし、新しい XML 名前空間を追加する必要があります。その後、この方法でxmlns:a="http://xmlns.jcp.org/jsf/passthrough"をオーバーライドできるはずです。type<h:inputText>

<h:inputText a:type="email" ... />

また

<h:inputText a:type="tel" ... />

Answer 2

OmniFacesはソリューションを提供します。オムニフェイスを状況に応じて使用する方法については、この説明を参照してください。

Answer 3

jQuery プラグインを使用して、<input id="phone" />そのような法線をマスクできます。

jQuery(function($){
   $("#phone").mask("(999) 999-9999");
});

このプラグインの使用: http://digitalbush.com/projects/masked-input-plugin/