Bind a value in a backing bean (defined by getter's & sette

[ivanradmore]

I am currently involved in developing an Internet Application using Netbeans 7.0 with JSF/Ajax/CSS3/EJB 3.0. I want to bind a value in a backing bean (defined by getter's & setters) to an HTML5 component without using JavaScript.

The following code refers to HTML 5 components and my backing beans that I am using.

<form>
<p><label id="seven" value="#{indexBean.loginResult}"/></p>
<p><label>Username:</label>
<input name="#{indexBean.username}" id="fifth" type="text" required/></p>
<p><label>Display password</label>
<input type="checkbox" id="loginBool"
value="#{indexBean.displayLoginPassword}"/></p>
<p><label></label>
<label id="loginPaswd" value="#{indexBean.loginPassword}"></label>
<p><label>Password:</label>
<input name="#{indexBean.password2}" id="fifth" type="password"
required/></p>
<button onclick="{indexBean.confirmUser}">Login</button>
<button action="#{indexBean.confirmUser}">Resend password</button>
</form>