HTML <form> 标签的 action 属性

今天在汇智网看Flask框架介绍。其中有一节讲路由,点击下面提交按钮,就能显示相关页面。

Flask路由.png

路由的概念其实就是某个网址与内置的函数的映射。即输入某个网址,就能够启动相应的代码形成某个特定的页面。

最后能够出现下面页面。


auth页面.png

根据路由的概念,分析得出是页面的提交事件触发了该路由。
查看对应代码如下:

@app.route('/')
def v_index():
    return '''
        <form action="/auth" method="POST">
            <input type="text" name="uid">
            <input type="password" name="pwd">
            <input type="submit" value="submit">
        </form>
    '''

可以看到form的action属性触发了/auth.

查询<form>标签的action属性介绍如下:

实例:

<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

定义和用法:
必需的 action 属性规定当提交表单时,向何处发送表单数据。

语法:

<form action="*value*">
属性值
描述
URL 向何处发送表单数据。
可能的值: 绝对 URL - src="www.example.com/example.htm")
相对 URL - 如 src="example.htm")

由此可以明白,原来提交按钮向/auth提交了相关数据,触发了/auth路由,最终显示了验证页面。

总结:
虽然HTML代码之前看过,但是枯燥的看吸收效率很低。
看来还是得在项目实践中加以理解,由问题引发的研究能使理解更透彻。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,088评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,192评论 25 709
  • 22年12月更新:个人网站关停,如果仍旧对旧教程有兴趣参考 Github 的markdown内容[https://...
    tangyefei阅读 35,309评论 22 257
  • 一夜大雨止不住,辗转反侧渐入眠。 倘若闹铃不惊扰,轻舟已渡上海滩。
    绿野V仙踪阅读 1,724评论 0 0
  • 林间与我羽翼缠绵的枝叶 月光代我不善表达的温柔 冷酷的夜寄我以情书 我倾斜翅膀飞入它更深的怀抱 那空唳的歌声比我迟...
    以梦为马lt阅读 3,008评论 0 0

友情链接更多精彩内容