本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
Submit对象代表HTML表单中的一个提交按钮(submitbutton)。在HTML表单中标签每出现一次，一个Submit对象就会被创建。
在表单提交之前，触发onclick事件句柄，并且一个句柄可以通过返回false来取消表单提交。
例子
立即学习“前端免费学习笔记（深入）”；
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>document</title> </head> <style> input[type="text"], ｓｅｌｅｃｔ { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } input[type="submit"] { width: 100%; background-color: #4caf50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; } input[type="submit"]:hover { background-color: #45a049; } p { border-radius: 5px; background-color: #f2f2f2; padding: 20px; } </style> <body> <h3>使用 CSS 来渲染 HTML 的表单元素</h3> <p> <form action="/action_page.php"> <label for="fname">First Name</label> <input type="text" id="fname" name="firstname" placeholder="Your name.." /> <label for="lname">Last Name</label> <input type="text" id="lname" name="lastname" placeholder="Your last name.." /> <label for="country">Country</label> <ｓｅｌｅｃｔ id="country" name="country"> <option value="australia">Australia</option> <option value="canada">Canada</option> <option value="usa">USA</option> </ｓｅｌｅｃｔ> <input type="submit" value="Submit" /> </form> </p> </body></html>效果：
推荐学习：css视频教程
免责声明：本站内容仅用于学习参考，信息和图片素材来源于互联网，如内容侵权与违规，请联系我们进行删除，我们将在三个工作日内处理。联系邮箱：chuangshanghai#qq.com（把#换成@）