<!-- A <textarea> tag (better for multi-line text)-->
<textarea cols="4" rows="5">
Some text inside the text box.
See https://www.w3schools.com/tags/tag_textarea.asp
</textarea>
<!-- An <input> type text tag (better for single-line text) -->
<input type="text" value="Some text inside the text box">
<!-- See https://www.w3schools.com/tags/att_input_type_text.asp -->
<!-- Using contenteditable (not recommended) -->
<p contenteditable="true">Some text inside the text box</p>
<!-- See https://www.w3schools.com/tags/att_global_contenteditable.asp -->

<label for="name">Name:</label> <input type="text" id="name"><br><br>

<h:form>
  <b:inputText placeholder="Type something here..." value="#{inputTextBean.text}"
               onkeyup="ajax:inputTextBean.capitalizeText()" update="@next" delay="1000" />
  <b:label value="#{inputTextBean.map['key']}" id="label"/>
  <b:label value="#{inputTextBean.getCapitalText()}" id="captitallabel"/>
</h:form>