1. Form的作用：提交当前的表单. 类似于去了银行提交的纸质单子，递到后台去办理相关业务。

text,password只有输入的功能；button,submit只有点击的功能。想要把这些信息提交，需要用Form

button毛线用也没有（以后学JS的时候可以赋予一定的功能），submit才有真正提交的功能。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form>

        <input type="text"/>

        <input type="password"/>

        <input type="button" value="登录1"/>

        <input type="submit" value="登录2"/>

    </form>

</body>

</html>

2. Action 指的是把下面的内容提交到哪里，提交到哪个URL。method：提交方法。（有GET, POST两种方法，默认是以GET方法提交给后台的）

往后台（服务器端）提交的时候，必须加上name属性。告诉后台提交的数据是什么信息。提交的时候，会把信息打包成字典。{user: 用户输入的用户名；email:用户输入的邮箱}

通过localhost:8888/index 可以访问到服务器端。因为服务器端监听的是8888端口。

现在把http://localhost:8888/index加到了action里面，指定了方法为get。 所以程序一运行的时候，就执行GET方法，把数据提交到了服务器端。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form action="http://localhost:8888/index" method="GET">

        <input type="text" name="user"/>

        <input type="text" name="email"/>

        <input type="password" name="pwd"/>

        <!--{'user':用户输入的用户名,'email':'xx','pwd':'xx'}-->

        <input type="button" value="登录1"/>

        <input type="submit" value="登录2"/>

    </form>

</body>

</html>

3.如果以GET方式提交的话，会把用户的输入都拼接到URL后面，然后再提交。默认都是以GET方式向后台提交数据的。

如果用POST方法，则不会拼接，会把你提交的内容放到数据里面提交上去。

两者只是体现形式不一样，安全程度是一样的，抓包的时候都能抓到。没有安全不安全一说。

self.write()返回到页面上。

4. 用不同的方法访问URL的时候，会执行不同的函数。只要客户端有请求，APP服务器端就会有数据返回。

APP程序如下：因为没有安装 tornado，所以这段没有测试。

import tornado.ioloop

import tornado.web

# pip3 install tornado

class MainHandler(tornado.web.RequestHandler):

    def get(self):

        print(111)

        u = self.get_argument('user')

        e = self.get_argument('email')

        p = self.get_argument('pwd')

        if u == 'alex' and p == '123' and e == 'alex@126.com':

            self.write("OK")

        else:

            self.write("滚")

    def post(self, *args, **kwargs):

        u = self.get_argument('user', None)

        e = self.get_argument('email', None)

        p = self.get_argument('pwd', None)

        print(u, e, p)

        self.write('POST')

application = tornado.web.Application([

    (r"/index", MainHandler), #如果你访问的是index这个URL，它就会执行MainHandler类里面的不同方法

])

if __name__ == "__main__":

    application.listen(8888) #在内部会监听8888端口，用户访问的时候，我可以返回self.write()里面的内容。

    tornado.ioloop.IOLoop.instance().start()

5. 在表单里的name和value有什么区别啊?

name可以理解为名称，用于区别表单项 value是表单项的值. 如果有些效果需要JS调用的话，那么他寻找的正是name。

html的body内标签之input系列1的更多相关文章

  1. html的body内标签之input系列2

    一,input系列:name属性用于让后台拿数据.value 只是在屏幕上的显示. 1. input type='text' name='query' value="张三"(相当于 ...

  2. 4、html的body内标签之input系列

    一.input标签与form表单 <!DOCTYPE html> <html lang="en"> <head> <meta charse ...

  3. 第一篇-Html标签中head标签，body标签中input系列，textarea和select标签

    第十四周课程(1-12章节) HTML 裸体 CSS   穿华丽衣服 Javascript 动起来 一 HTML (20个标签) 1.我们的浏览器是socket客户端 2.一套规则,浏览器认识的规则 ...

  4. 前端 html body 内标签之input

    可以做登录页面 text是文本输入框 <!DOCTYPE html> <html lang="en"> <head> <meta char ...

  5. css块级标签，行内标签，行内块标签的转换（2）

            css块级标签,行内标签,行内块标签的转换 版权声明 本文原创作者:雨点的名字 作者博客地址:https://home.cnblogs.com/u/qdhxhz/ 在基础1中,我详细讲 ...

  6. HTML的BODY内标签介绍

    一.基本标签 <body> <b>加粗</b> <i>斜体</i> <u>下划线</u> <s>删除线& ...

  7. 〇一——body内标签之交互输入标签一

    今天来搞一下body内的input标签 在一般的网页中,我们经常会遇到一些交互界面,比如注册.登录.评论等环境.在这些交互界面里最常使用的就是input标签. 一.input标签基本使用 input标 ...

  8. css块级标签、行内标签、行内块级标签

    <html><head lang="en"> <meta charset="UTF-8"> <title>< ...

  9. html:常见行内标签，常见块级标签,常见自闭合标签

    本文内容: 常见行内标签 常见块级标签 常见自闭合标签 首发日期:2018-02-12 修改: 2018-04-25:删除了不常用的标签 常见行内标签: 什么是行内标签: 行内标签就是在页面内只占据刚 ...

随机推荐

  1. ROS（一）Topic 通信

    ROS系统起源于2007年斯坦福大学人工智能实验室的项目与机器人技术公司Willow Garage的个人机器人项目(Personal Robots Program)之间的合作,2008年之后就由Wil ...

  2. L010小结后自考题

    . 查询2号分区的inode和block的数量和尺寸 . 在lcr文件夹下创建一个a文件夹,然后进入文件夹中,创建3个3层目录,5个1层目录,5个文件 . 滤出a文件夹下的所有一级目录(4种方法) . ...

  3. 一种精准monkey测试的方法

    WeTest 导读 相信大家都知道移动端应用的monkey测试吧,不知你们有没有为monkey测试的太过于随机性的特性有过困扰,至少在我们这种界面控件较少且控件位置较偏的app的使用上其测试有效性大打 ...

  4. 「日常训练」Ice Cave（Codeforces Round 301 Div.2 C）

    题意与分析(CodeForces 540C) 这题坑惨了我....我和一道经典的bfs题混淆了,这题比那题简单. 那题大概是这样的,一个冰塔,第一次踩某块会碎,第二次踩碎的会掉落.然后求可行解. 但是 ...

  5. GameplayKit的GKStateMachine用法与实例

    GKStateMachine 玩家进入GameScene场景中 -> 通过GKStateMachine进入到指定的游戏状态GKState 在GameScene场景中 -> 根据不同的逻辑调 ...

  6. TW实习日记：第16天

    前端的样式bug实在是太太太莫名其妙了,尤其是封装好的组件,一层套一层的,根本不知道是哪一层出了问题...除了改bug就是做新功能,真想吐槽一下这个项目的留言板,根本没人会用吧...这功能实在是太老旧 ...

  7. 理解 JavaScript 原型 / 原型链

    关于对象 以下代码中 p 的值是一个新对象,里面拥有 name 和 age 属性 function People(name, age){ this.name = name this.age = age ...

  8. 查看python中包的文档

    核心命令:python -m pydoc 查询某包:python -m pydoc 包名 示例: C:\Users\xxx>python -m pydoc pydoc - the Python ...

  9. JAVA集合类(大公司面试喜欢问的)

     分类: 核心JAVA(11)  版权声明:本文为博主原创文章,未经博主允许不得转载. 看了一些所谓大公司的Java面试问题,发现对于JAVA集合类的使用都比较看重似的,而自己在这方面还真的是所真甚少 ...

  10. Cannot retrieve repository metadata (repomd.xml) for repository: base. Please verify its path and try again YUM报错

        1.挂盘 ----- 2.# mount /dev/sr0 /media/ mount: block device /dev/sr0 is write-protected, mounting ...