form标签为post请求,也可使用get请求。
- form表单中input自动提交情况说明:
1.默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。
2.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(<button>按钮默认的type为submit)
3.当type="button"时,且存在多个输入框,回车不提交。(button)
1.当页面中没有submit的时候,并且只有一个input框,在input框中输入完毕后回车会执行提交功能
<form action="users" method="POST">
用户名:<input type="text" name="username">
</form>
2.当页面中拥有多个input框,必须有submit按钮执行提交功能
<form action="users" method="POST">
用户名:<input type="text" name="username">
</form>
3.当页面中的button按钮没有指定type的时候会自动升级为submit,即提交功能
<form action="users" method="POST">
用户名:<input type="text" name="username">
<button>button</button>
</form>
4.label标签,用于和input框关联,有两种写法,相较而言,第二种更为方便
<form action="users" method="POST">
<!-- 第一种写法,用label标签将目标文字或图片包裹,然后for属性中填写需要关联目标的id值 -->
<label for="23">用户名:</label><input type="text" name="username" id="23">
<!-- 第二种写法,无需id属性值,直接使用label标签将关联目标包裹即可-->
爱好: <label><input type="checkbox" name="ss">nv</label>
</form>
网友评论