Clearing All Fields (via click): Magic JavaScript

Usage

Add data-mjf="clear_onclick" data-mjf_coc_form="FORM_ID" id="ELEMENT_ID" to your tag.

Add <script type="text/javascript">$m.wand.clear_onclick = true;</script> inside your <body> tag.

Example

Text Field
Will also work on type="password" and type="file"

Textarea Field Blue

Radio Buttons Option 1
Option 2
Option 3
Option 4

Checkboxes Option 1
Option 2
Option 3

Select Single This will set selectedIndex to -1

Select Multiple This will set selectedIndex to -1

Notes

It's best to use a <input type="button" value="Clear" data-mjf="clear_onclick" data-mjf_coc_form="form_clear_onclick">.

The <input type="reset" value="Reset"> will reset the fields to their default values and is only shown for clarification.