Update Textbox on page refresh

Question

I have a div as defined below:

 <input name="Search"  class="form-control" id="urlText" type="text" style="height:32px;float:left;margin-left:400;width:500px;" placeholder="Enter your URL"  /> 

On page refresh I'm trying to empty the value held by this text box. Is there a way to achieve this?

Answer 1

$(document).ready(function(){
    $("#urlText").val("");
});

Answer 2

window.onload = function() {

$('#urlText').val('')
}

or

$(document).ready(function(){
       $('#urlText').val("");
})

Answer 3

This happens automatically in some browsers, but some browsers save the data into page refresh. simple trick would be to empty it with javascript & jquery

$(document).ready(function(){
       $('input#urlText').val("");
})

or

document.getElementById("#urlText").value="";

Or turn off the autocomplete

<input name="Search"  autocomplete="off" class="form-control" id="urlText" type="text" style="height:32px;float:left;margin-left:400;width:500px;" placeholder="Enter your URL"  /> 

Answer 4

Once try this...

function myFunction() 
{
if(location.reload())
{
document.getElementById('urlText').value="";
}
}

I don't know whether it works or not... But once give it a try... Sorry, if it didn't work...