1 <script>

     2 function clearWithReset()

     3 {

     4     document.getElementById("form").reset();

     5 }

     6 function clearBySettingValue()

     7 {

     8     document.getElementById("file").value = "";

     9 }

    10 function clearBySettingValueToNull()

    11 {

    12     document.getElementById("file").value = null;

    13 }

    14 function clearBySettingValueToX()

    15 {

    16     document.getElementById("file").value = "x";

    17 }

    18 </script>

    19 <p>Use this to test the various ways you can clear an input type=file element.</p>

    20 <form id="form">

    21 <p>Choose a file here: <input type="file" id="file"></input></p>

    22 <p>Then press one of these buttons, that should clear the file:

    23 <input type="button" value="clear with reset()" onclick="clearWithReset()">

    24 <input type="button" value="clear by setting value to ''" onclick="clearBySettingValue()"></p>

    25 <p>Or press this button that should clear the file, but won't, due to <a href="http://bugs.webkit.org/show_bug.cgi?id=13448">bug 13448</a>: <input type="button" value="clear by setting value to null" onclick="clearBySettingValueToNull()"></p>

    26 <p>Or press this button to verify we can't set to a non-empty value: <input type="button" value="clear by setting value to 'x'" onclick="clearBySettingValueToX()"></p>

    27 </form>