表单提交以后会将表单的数据以get或post方式,传送到action要打开的页面javascript
方式1: 使用提交按钮java
<form action="" method="get" onsubmit="return check()"> 用户名:<input type="text"><br> 密码: <input type="password"><br> <input type="submit" value="登陆"/> </from>
方式2:使用js手动提交表单,this.form.submit() this可省略json
<form action="" method="post" onsubmit="return check()"> 用户名:<input type="text"><br> 密码: <input type="password"><br> <button type="button" onclick="this.form.submit">登陆</button> </from>
onsubmit="true" 为false,表单不可提交(点击提交按钮无效,不会跳转页面)post
onsubmit="return check()";//在名为check的js方法中进行表单元素的验证(必填,用户名是否合法,密码等),返回true或falsethis
<form action=""> <select name="city"> <option value="1011">南宁</option> <option value ="1012">广州</option> </select> </form>
使用js动态添加选项:code
<form action=""> <select id="province"> <option value="">--请选择--</option> </select> </form> <script type="text/javascript"> //json数据,能够直接定义使用 var data = [{ id: 100, name: '广东' }, { id: 101, name: '广西' }, { id: 102, name: '云南' }]; var provinceEle = document.getElementById("province"); for (let i = 0; i < data.length; i++) { //new Option() 参数为选项的内容,参数2为选项的value provinceEle.add(new Option(data[i].name, data[i].id)); } </script>