Latest web development tutorials
 

Input URL defaultValue Property

Input URL Object Reference Input URL Object

Example

Change the default value of a URL field:

document.getElementById("myURL").defaultValue = "http://www.cnn.com";
Try it Yourself »

Definition and Usage

The defaultValue property sets or returns the default value of a URL field.

Note: The default value is the value specified in the HTML value attribute.

The difference between the defaultValue and value property, is that defaultValue contains the default value, while value contains the current value after some changes have been made. If there are no changes, defaultValue and value is the same (see "More Examples" below).

The defaultValue property is useful when you want to find out whether the URL of a URL field have been changed.


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The defaultValue property is supported in all major browsers.

Note: The <input type="url"> element is not supported in Internet Explorer 9 and earlier versions, or in Safari.


Syntax

Return the defaultValue property:

urlObject.defaultValue

Set the defaultValue property:

urlObject.defaultValue=value

Property Values

Value Description
value Specifies the default value of the URL field

Technical Details

Return Value: A String, representing the default value of the URL field

More Examples

Example

Get the default value of a URL field:

var x = document.getElementById("myURL").defaultValue;

The result of x will be:

http://www.google.com
Try it Yourself »

Example

An example that shows the difference between the defaultValue and value property:

var x = document.getElementById("myURL");
var defaultVal = x.defaultValue;
var currentVal = x.value;
Try it Yourself »

< Input URL Object