关于<form>标签的知识点

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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容