JSFiddle - React, Tailwind, and code Playground

HTML

<p>As reported on <a href="https://stackoverflow.com/questions/20654447/ie11-is-crashing-when-clearing-a-form-with-5-or-more-fields-using-jquery">StackOverflow</a> and on <a href="https://connect.microsoft.com/IE/feedback/details/811930/ie11-crash-when-clearing-multiple-input-fields-with-jquery#tabs">Microsoft Connect</a>, IE 11 will crash if you set the value of 5 or more input elements to the empty string via Javascript.</p>
<p>Setting the input value to a space before setting the value to the empty string prevents the crash from occuring.</p>
<button id="clearFormNormal">clear form normal (crash IE11)</button>
<button id="clearFormSpace">clear form with set to space (works in IE11)</button>
<form>
    <label>1</label>
    <input type="text" />
    <label>2</label>
    <input type="text" />
    <label>3</label>
    <input type="text" />
    <label>4</label>
    <input type="text" />
    <label>5</label>
    <input type="text" />
</form>

CSS

* {
    font-family: Helvetica Neue Light, Helvetica, san-serif;
    font-size: 16px;
    line-height: 26px;
}
body {
    margin: 20px;
}
button, input {
    display: block;
}

JavaScript

var clearValue = "";

document.getElementById("clearFormNormal").onclick = function () {
    var fields = Array.prototype.slice.call(document.querySelectorAll("input")); // slice to get Array from NodeList
    fields.forEach(function (field) {
        field.value = clearValue;
    });
};

document.getElementById("clearFormSpace").onclick = function () {
    var fields = Array.prototype.slice.call(document.querySelectorAll("input")); // slice to get Array from NodeList
    fields.forEach(function (field) {
        field.value = ' ';
        field.value = clearValue;
    });
};