Form Layout
Vertical
Firstname Lastname
Vertical and Grid
Firstname Lastname
Horizontal and Fixed Width
FirstnameLastname
Horizontal and Fluid
FirstnameLastname
Inline
Firstname Lastname
Vertical Checkbox
ChicagoLos Angeles
Horizontal Checkbox
ChicagoLos Angeles
Vertical RadioButton
ChicagoLos Angeles
<div class="p-field-radiobutton">
<p-radioButton name="city5" value="Chicago" [(ngModel)]="city1" inputId="city5"></p-radioButton>
<label for="city5">Chicago</label>
</div>
<div class="p-field-radiobutton">
<p-radioButton name="city6" value="Los Angeles" [(ngModel)]="city1" inputId="city6"></p-radioButton>
<label for="city6">Los Angeles</label>
</div>Horizontal RadioButton
ChicagoLos Angeles
<div class="p-formgroup-inline">
<div class="p-field-checkbox">
<p-radioButton name="city7" value="Chicago" [(ngModel)]="city2" inputId="city7"></p-radioButton>
<label for="city7">Chicago</label>
</div>
<div class="p-field-checkbox">
<p-radioButton name="city8" value="Los Angeles" [(ngModel)]="city2" inputId="city8"></p-radioButton>
<label for="city8">Los Angeles</label>
</div>
</div>Help Text
Username Enter your username to reset your password.
Advanced
Firstname Lastname AddressCity StateZip