Buttons

Jump to bottom Edit New page

Niklan edited this page Sep 6, 2014 · 14 revisions

Buttons examples.

Normal buttons

<input type="button" value="Normal button">
<input type="button" value="Focused" class="focus">
<input type="button" value="Active" class="active">
<input type="button" value="Disabled" class="disabled">

.button {}
.button-normal {}

Normal buttons

Submit buttons

<input type="submit" value="Submit button">
<input type="submit" value="Focused" class="focus">
<input type="submit" value="Active" class="active">
<input type="submit" value="Disabled" class="disabled">

#edit-submit {}
.button-submit {}

Submit buttons

Preview buttons

<input type="submit" value="Preview button" class="button-preview">
<input type="submit" value="Focused" class="button-preview focus">
<input type="submit" value="Active" class="button-preview active">
<input type="submit" value="Disabled" class="button-preview disabled">

#edit-preview {}
.button-preview {}

Preview button

Delete button

<input type="submit" value="Delete button" class="button-delete">
<input type="submit" value="Focused" class="button-delete focus">
<input type="submit" value="Active" class="button-delete active">
<input type="submit" value="Disabled" class="button-delete disabled">

#edit-delete {}
.button-delete

Delete button