<pm:field>
    <p:outputLabel for="basic" value="Basic:" />
    <p:inputText id="basic" />
</pm:field>

<pm:field>
    <p:outputLabel for="password" value="Password:" />
    <p:password id="password" />
</pm:field>

<pm:field>
    <p:outputLabel for="search" value="Search:" />
    <p:inputText id="search" placeholder="Search text" type="search"/>
</pm:field>

<pm:field>
    <p:outputLabel for="phone" value="Phone:" />
    <p:inputText id="phone" placeholder="Phone Number" type="tel" />
</pm:field>

<pm:field>
    <p:outputLabel for="textarea" value="Textarea" />
    <p:inputTextarea id="textarea" />
</pm:field>

<pm:field>
    <p:outputLabel for="selectOneMenu" value="SelectOneMenu" />
    <p:selectOneMenu id="selectOneMenu">
        <f:selectItem itemLabel="Select One" itemValue="" />
        <f:selectItem itemLabel="Option 1" itemValue="1" />
        <f:selectItem itemLabel="Option 2" itemValue="2" />
        <f:selectItem itemLabel="Option 3" itemValue="3" />
    </p:selectOneMenu>
</pm:field>

<pm:field>
    <p:outputLabel for="slider" value="Slider" />
    <pm:inputSlider id="slider" value="50"/>
</pm:field>

<pm:field>
    <p:outputLabel for="rangeSlider" value="RangeSlider" />
    <pm:rangeSlider id="rangeSlider">
        <pm:inputSlider id="sliderStart" value="20" />
        <pm:inputSlider id="sliderEnd" value="80"/>
    </pm:rangeSlider>
</pm:field>

<pm:field>
    <p:outputLabel for="switch" value="Switch" />
    <p:inputSwitch id="switch" />
</pm:field>

<pm:field>
    <p:outputLabel for="selectOneRadio" value="SelectOneRadio" />
    <p:selectOneRadio id="selectOneRadio">
        <f:selectItem itemLabel="Option 1" itemValue="1" />
        <f:selectItem itemLabel="Option 2" itemValue="2" />
        <f:selectItem itemLabel="Option 3" itemValue="3" />
    </p:selectOneRadio>
</pm:field>

<pm:field>
    <p:outputLabel for="selectOneButton" value="SelectOneButton" />
    <p:selectOneButton id="selectOneButton">
        <f:selectItem itemLabel="Option 1" itemValue="1" />
        <f:selectItem itemLabel="Option 2" itemValue="2" />
        <f:selectItem itemLabel="Option 3" itemValue="3" />
    </p:selectOneButton>
</pm:field>

<pm:field>
    <p:outputLabel for="selectBooleanCheckbox" value="SelectBooleanCheckbox" />
    <p:selectBooleanCheckbox id="selectBooleanCheckbox" itemLabel="I agree"/>
</pm:field>

<pm:field>
    <p:outputLabel for="selectManyCheckbox" value="SelectManyCheckbox" />
    <p:selectManyCheckbox id="selectManyCheckbox">
        <f:selectItem itemLabel="Option 1" itemValue="1" />
        <f:selectItem itemLabel="Option 2" itemValue="2" />
        <f:selectItem itemLabel="Option 3" itemValue="3" />
    </p:selectManyCheckbox>
</pm:field>

<pm:field>
    <p:outputLabel for="selectManyButton" value="SelectManyButton" />
    <p:selectManyButton id="selectManyButton">
        <f:selectItem itemLabel="Option 1" itemValue="1" />
        <f:selectItem itemLabel="Option 2" itemValue="2" />
        <f:selectItem itemLabel="Option 3" itemValue="3" />
    </p:selectManyButton>
</pm:field>

<pm:field>
    <p:outputLabel for="selectCheckboxMenu" value="SelectCheckboxMenu" />
    <p:selectCheckboxMenu id="selectCheckboxMenu">
        <f:selectItem itemLabel="Select Multiple" itemValue="" />
        <f:selectItem itemLabel="Option 1" itemValue="1" />
        <f:selectItem itemLabel="Option 2" itemValue="2" />
        <f:selectItem itemLabel="Option 3" itemValue="3" />
    </p:selectCheckboxMenu>
</pm:field>