html form name属性用法详解

作者:前端大神~ | 时间:2019-06-19

html form name属性用来规定表单的名称,javascript获取表单数据也会通过name属性,下面我们就详细讲解下html form name属性

定义和用法

html form name属性用来规定表单的名称

实例代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>我有答案(www.woyoudaan.cn)</title> 
<script>
function formSubmit()
{
	document.forms["myForm"].submit();
}
</script>
</head>
<body>

<form name="myForm" action="form_submit.php" method="get">
姓名: <input type="text" name="fname"><br>
地址: <input type="text" name="lname"><br><br>
<input type="button" onclick="formSubmit()" value="发送表单数据!">
</form>

<p>注意,头部的 JavaScript 部分使用了表单的名称来提交指定的表单。</p>

</body>
</html>

显示效果:

html form name属性用法详解

浏览器支持

目前市面上所有的浏览器都支持html form name属性