html中input hidden,HTML DOM Input Hidden用法及代码示例

HTML DOM中的Input Hidden对象表示类型为“hidden”的元素。可以使用getElementById()方法访问该元素。

用法:

document.getElementById("id");

将id分配给标签的位置。

属性值：

defaultvalue:它用于设置或返回隐藏输入字段的默认值。

form:它返回包含隐藏输入字段的表单的引用。

name:它用于设置或返回隐藏输入字段的名称属性值。

type:它返回隐藏输入字段所属的表单元素的类型。

value:它用于设置或返回隐藏输入字段的value属性的值。

范例1：本示例描述了getElementById()方法，该方法用于访问type = “hidden”属性的元素。

DOM Input Hidden Object

GeeksForGeeks

DOM Input Hidden Object

value="GeeksForGeeks">

Submit

function Geeks() {

var g = document.getElementById("myGeeks").value;

document.getElementById("sudo").innerHTML = g;

}

输出：

在单击按钮之前：

单击按钮后：

范例2：可以使用document.createElement方法创建输入隐藏对象。

DOM Input Hidden Object

GeeksForGeeks

DOM Input Hidden Object

value="GeeksForGeeks">

Submit

function Geeks() {

var g = document.createElement("INPUT");

g.setAttribute("type", "hidden");

document.body.appendChild(g);

document.getElementById("sudo").innerHTML

= "Hidden Content";

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM输入隐藏对象支持的浏览器：

谷歌浏览器

IE浏览器

Firefox

Opera

Safari