表单元素的form属性介绍

快乐打工仔 分类:实例代码

form属性可以获取当前表单元素所在的form表单元素对象。

代码实例如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<style type="text/css">
* {
  margin:0px;
  padding:0px;
}
</style> 
<script type="text/javascript"> 
window.onload = function () {
  var odiv = document.getElementsByTagName("div")[0];
  var oinput = document.getElementsByTagName("input")[0];
  odiv.innerHTML = oinput.form.name;
}
</script> 
</head>   
<body> 
<div></div>
<form name="myform">
  <input type="text" value="前端教程网">
</form>
</body> 
</html>

上面的代码演示了form属性的作用,比较简单不多介绍。

相关阅读:

(1).document.getElementsByTagName()可以参阅document.getElementsByTagName()一章节。

(2).innerHTML可以参阅innerHTML一章节。

表单元素的form属性介绍,这样的场景在实际项目中还是用的比较多的,关于表单元素的form属性介绍就介绍到这了。

表单元素的form属性介绍属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容