# Form

pixss provides the basic styling for creating a web form quickly.

# Button

By using the following utility classes, pixss can fullfill the most of requirements to create different types of buttons.

type utility classes
style is-outlined, is-cleared
color is-primary, is-secondary, is-info, is-warning, is-success, is-danger

# Checkbox

pixss provides the two unitility classes .checkbox, .radio to customize the standard html elements: input:checkbox and input:radio.

checkbox input

<label class="checkbox">
  Label text
  <input type="checkbox" name="gender" checked="checked">
  <span></span>
</label>

# Radio

radio input

<label class="radio">
  Female
  <input type="radio" name="gender">
  <span></span>
</label>
<label class="radio">
  Male
  <input type="radio" name="gender" checked="checked">
  <span></span>
</label>

# The other Form Elements

pixss provides also the basic standard styling for the following form elements.

input[type='color']
input[type='date']
input[type='datetime']
input[type='datetime-local']
input[type='email']
input[type='month']
input[type='number']

input[type='password']
input[type='search']
input[type='tel']
input[type='text']
input[type='url']
input[type='week'],

An form example is implemented with the basic form elememts provided by pixss

Last Updated: 12/28/2020, 4:25:51 PM