HTML <form> 标签的 name 属性 详解
HTML基础 2022-06-02 12:01:08小码哥的IT人生shichen
HTML <form> 标签的 name 属性
实例
带有 name 属性的 HTML 表单：
<form action="demo_form.php" method="get" name="myForm"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <input type="button" onclick="formSubmit()" value="Send form data!" /> </form>
完整实例【亲自试一试】：
<html>
<head>
<script type="text/javascript">
function formSubmit()
{
document.forms["myForm"].submit();
}
</script>
</head>
<body>
<form name="myForm" action="/demo/demo_form.php" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="button" onclick="formSubmit()" value="Send form data!" />
</form>
<p>请单击确认按钮，输入会发送到服务器上名为 "form_action.asp" 的页面。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
name 属性规定表单的名称。
form 元素的 name 属性提供了一种在脚本中引用表单的方法。
语法
<form name="value">
属性值
| 值 | 描述 |
|---|---|
| name | 表单的名称。 |
