사이트가 모바일 용하기 위해서는 JSF

Question

와 입력 유형 = "전화"를 생성, 나는

<input type="email"> 

및

<input type="tel"> 

을 추가 할하지만

처럼 JSF를 사용해야합니다

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

JSF로 html 입력 유형을 생성하려면 어떻게해야합니까?

저는 primefaces도 사용하고 있으며 비슷한 기능을 가지고 있습니까?

Answer 1

당신이

<p:inputText type="email" value="#{connetcionController.userName}" /> 

처럼 <p:inputText 와 type을 사용할 수 있어야합니다

또는

@Mowgli 이미

를 언급 한3210

<p:inputText type="tel" value="#{connetcionController.userName}" /> 

또는 사용 omnifaces 그냥 프로젝트에 omnifaces 라이브러리를 추가하고 에

<factory> 
    <render-kit-factory>org.omnifaces.renderkit.Html5RenderKitFactory</render-kit-factory> 
</factory> 

얼굴-config.xml 파일을 파일 및 사용에 추가 type="tel" (또는 다른 유형은 자유롭게 ..)

이와 비슷한

<h:inputText type="tel" 

은 자세한 내용보기 : omnifaces - Html5RenderKit

Answer 2

OmniFaces은 용액을 제공한다. 상황에 맞게 전각을 사용하는 방법은 this explanation을 참조하십시오.

Answer 3

당신은 그런 정상 <input id="phone" /> 마스크하는 jQuery 플러그인을 사용할 수 있습니다

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

이 플러그인을 사용 : http://digitalbush.com/projects/masked-input-plugin/

Answer 4

는 아주 쉬운 방법이있다. 패스 스루를 사용할 수 있습니다. 당신의 HTML 태그

xmlns:a="http://xmlns.jcp.org/jsf/passthrough" 

이 추가 그런 다음 입력 유형을 추가 할 수 있습니다.
전에 a:을 추가해야합니다.

<h:inputText a:type="email" value="#{profileBean.student.privateMail}"/> 

이것은 또한 자리

<h:inputSecret a:placeholder="Password" value="#{loginBean.credentials.password}" />