Question

I have an HTML with say a textfield (input element).

<input name="capacity" type="text" value="blah blah blah">

This simply displays a text field on my page with a default value “blah blah blah”.

What I want to do is remove value attribute, as I don’t want to see this default value.
I am doing this using javascript.

value = element.getAttribute("value");
    if((element.readOnly != undefined || element.readOnly == false) || (element.disabled != undefined || element.disabled == false)){
    //element.removeAttribute(value);    
    element.removeAttribute("value");    

But it is not working. I even tried

element.setAttribute("value","");

but no luck.
Any pointers where I may be missing.

---

EDIT :
I got an issue related to this question, anyone interested may check this

*********************************************

Thanks a lot.

Answer 1

…I don’t want to see this default value.

Just set the value property directly to an empty string.

document.getElementsByName('capacity')[0].value = '';

jsFiddle.