<input type="submit"> 元素用于在表单中创建一个提交按钮,当用户点击该按钮时,表单数据将被提交到服务器进行处理。下面是一些关于 <input type="submit"> 元素的详细信息:
属性
type:指定<input>元素的类型为提交按钮,其值为 "submit"。name:指定<input>元素的名称,用于在提交表单时标识该字段的名称。value:指定<input>元素的值,即按钮上显示的文本内容。
用法示例
// www.javascriptcn.com code example <form action="/submit-form" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username"> <br> <label for="password">密码:</label> <input type="password" id="password" name="password"> <br> <input type="submit" value="提交"> </form>
在上面的示例中,我们创建了一个包含用户名和密码字段以及一个提交按钮的表单。当用户填写完表单后,点击提交按钮即可将表单数据提交到指定的服务器端地址 /submit-form。
注意事项
<input type="submit">元素通常用于提交表单,但也可以通过 JavaScript 脚本来调用其click()方法模拟用户点击提交按钮的操作。- 如果需要在用户点击提交按钮后执行一些额外的操作,可以通过 JavaScript 的
submit事件来监听表单的提交动作,并在事件处理函数中执行相应的操作。
以上是关于 <input type="submit"> 元素的一些基本信息和用法示例,希望能帮助您更好地理解和使用该元素。
| 属性 | 描述 | W3C |
|---|---|---|
| disabled | 设置或返回提交按钮是否应被禁用。 | Yes |
| form | 返回一个对包含此提交按钮的表单的引用。 | Yes |
| name | 设置或返回提交按钮的名称。 | Yes |
| type | 返回提交按钮的表单元素类型。 | Yes |
| value | 设置或返回在提交按钮上显示的文本。 | Yes |