Delete form data

Demonstrates how to clear form field when a button is clicked

Form fields

Textfield

Textfield Follow-Up

Textarea

Dropdown

Simple Checkbox

Radiobutton Selection

Option 1

Option 2

Option 3

Upload

Repeating

Textfield

Delete all data in the form using the button:

Enable JavaScript to see the sample code

Deleting content of single text fields:

Enable JavaScript to see the sample code

span.xm-clear-button.xm-del-button-icon {

color: gray;

position: relative;

float:right;

margin-top: -32px;

margin-right: 5px;

z-index: 2;

}

span.xm-clear-button.xm-del-button-icon::before,
.modern .xm-item-div span.xm-clear-button.xm-del-button-icon::before {

color: #EEEEEE;

font-size: 17px;

}

.XTextField.xm-has-clear-button {

padding-right: 23px;

}