html input url,HTML Input URL value用法及代码示例

HTML DOM中的DOM输入URL值属性用于设置或返回输入URL字段的值。该属性指定默认值或用户类型值。

用法:

它返回value属性。urlObject.value

用于设置value属性。urlObject.value = number

属性值：它包含一个值，即URL，它指定通常指向另一个网站URL的绝对URL。

返回值：它返回一个字符串值，该字符串值表示代表URL的数字。

示例1：本示例说明了如何返回值Property。

DOM Input value Property

GeeksForGeeks

DOM Input URL value Property

style="color:green">

Enter URL

id="gfg"

placeholder="Enter URL">

οnclick="geeks()">

Click

style="color:green;

font-size:25px;">

function geeks() {

// Return the value property.

var link =

document.getElementById(

"gfg").value;

document.getElementById(

"GFG").innerHTML = link;

}

输出：

在单击按钮之前：

单击按钮后：

示例2：本示例说明如何设置设置属性值。

DOM Input value Property

GeeksForGeeks

DOM Input URL value Property

style="color:green">

Enter URL

id="gfg"

placeholder="Enter URL">

οnclick="geeks()">

Click

style="color:green;

font-size:25px;">

function geeks() {

// Set the URL value.

var link =

document.getElementById("gfg").value =

"https://www.google.com/";

document.getElementById("GFG").innerHTML =

"The value was changed to  " + link;

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：DOM输入URL值属性支持的浏览器如下：

谷歌浏览器

Internet Explorer 10.0以上

Firefox

Opera

Safari