使用原生js，html，css实现表单提交的逻辑
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Form Submit</title>
<!-- css -->
<style type="text/css">
#form {width: 500px;}
#form label {display: block; margin-bottom: 10px;}
#form input {margin-bottom: 10px; padding: 5px 10px; width: 100%;}
#form button {padding: 5px 10px; width: 100%;}
</style>
</head>
<body>
<!-- html -->
<div id="form">
<!-- form start -->
<form action="http://www.example.com/submit" method="post">
<!-- name field -->
<label for="name">Name</label> <!-- label for name field-->
<input type="text" name="name" id="name" /> <!-- text field-->
<br/>
<!-- email field -->
<label for="email">Email</label> <!-- label for email field-->
<input type="email" name="email" id=“email” /> <!-- email field-->
<br/>
<!-- submit button -->
<button type=”submit” >Submit</button > // submit button ___________________________________________________________________________________________________________________________________________ ______ ______ ______ ______ ______ ______ ______ ______ ______ __ __ __ __ __ __ __ _ _ _ _ _ _ ___ ___ ___ ___ ___ ___ ___ | | | | | | | | | | \ \ \ \ \ \ \ \ / / / / / / / / // // // // // /// /// /// /// ( ( ( ( ( ( ) ) ) ) ) ) )|_|\_\_\_\_\_\_____|____|____|____|____\___/___/___/___/__/_/_/_/_/_/_//__//__//__//__///__///__///__/(_(_(_(_(_(_______________________________)________)________)________)_______(_______(_______(_______(_(_(_(_(_(______________________________________________________ (_ (_ (_ (_ (______________________________________________________)) )) )) )) )))))))))))))))))))))))))))::::::::::::::::::::::::::::::::' ' ' ' ' '' '' '' '' '' "" "" "" "" """"""""""""""";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;,,, ,,, ,,, ,,, ,,,,,,,,,,,,,,,,,,,,,,,///////\\\\\\||||||||||||||||||**********%%%%%%%%%%%^^^^^^^^^^&&&&&&&&&$$$$$$$$$$##########..........·······``````````{{{{{{{((((((((666666666666666666666666666666666666669999999999999999999999999AAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBBBBBBBBBBBBBBBDDDDDDDDDDEEEEEEEEEEFFFFFFFFFGGGGGGGGGGGGGHHHHHHHHHIIIIIIIIIJJJJJJJJJKKKKKKKKKLLLLLLLLLMMMMMMMMMNNNNNNNNNOOOOOOOOOOPPPPPPPPQQQQQQQRRRRRRRSSSSSSSSTTTTTTTTUUUUUUUVVVVVVVWWWWWWWXXXXXXYYYYYYYZZZZZZZ@@@@@@@@@@@@@#######%%%%%%%^^^^^^&&&$$$##......,,,,,////////////\\\\\\\\\\\\\\\\\\]]]]]^^^***+++:::-'''''''''''''''''''',,,,,,,,,,,,,,,,,,,,,;;;<<<<<<>>>>>>???????????????!!!!!!!!!@@@@@@@#######%%%%%%%^^^^^&&&$$$##......,,,,////////////\\\\\\\\\\\\\\\\\\]]]]]^^^***+++:::-'''''''''''',,,,,,,,,,,,,,,,;;;;;;=======>>>>>>>?????????!!!!!!!!!!@@@@@@@@@@@#######%%%%%%%^^^^^&&&$$$##......,,,,////////////\\\\\\\\\\\\\\\\\\]]]]]^^^***+++:::-''''''',,,,,,,,,,,,,,,,,;;;;;;=======>>>>>>>>??????????!!!!!!!!!!!@@@@@@@@@@@@#######%%%%%%%^^^^^^&&&$$$##......,,,,,////////////\\\\\\\\\\\\\\\\\\]]]]]^^^***+++:::-'''',,,,,,,,,,,,,,,,,;;;;=======>>>>>>>>?????????!!!!!!!!!!!!@@@@@@@@@@@@@#######%%%%%%%^^^^^^&&&$$$##......,,,,////////////\\\\\\\\\\\\\\\\\\[[[[[\\\\\\~~~---;;::::::;;;;;;;;;;;;;;;;;;;;;;==========>>>>>>>>>>>>??????????!!!!!!!!!!!!!
免责声明：
以上内容除特别注明外均来源于网友提问，创作工场回答，未经许可，严谨转载。