html代码input,HTML oninput用法及代码示例

该属性在获得用户输入值时起作用。当用户更改和元素的值时，此属性主要触发。此属性与onchange属性非常相似，但基本区别在于，oninput事件属性在元素的值更改时立即出现，而onchange属性在元素失去Focus时出现。另一个区别是onchange属性还可以与元素一起使用。

用法:

属性值：此属性包含值脚本，并且在触发oninput事件时起作用。许多HTML标记支持此属性：，和。

Example:

oninput attribute

body {

text-align:center;

}

h1 {

color:green;

}

GeeksforGeeks

oninput Attribute

Enter some Text here:

οninput="Geeks()">

function Geeks() {

var x = document.getElementById("GFG").value;

document.getElementById("sudo").innerHTML =

"Entered Text:" + x;

}

输出：

支持的浏览器：下面列出了oninput event属性支持的浏览器：

苹果Safari 5.0

谷歌浏览器

Firefox 4.0

Opera

Internet Explorer 9.0