html body input,html的body内标签之input系列1

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

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

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

Title

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

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

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

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

Title

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系列2

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

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

一.input标签与form表单

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

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

前端 html body 内标签之input

可以做登录页面 text是文本输入框

css块级标签，行内标签，行内块标签的转换(2)

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

HTML的BODY内标签介绍

一.基本标签

加粗 斜体 下划线 删除线& ...

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

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

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

&lt ...

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

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

随机推荐

IP地址总结

1.网际协议IP : 网际协议 IP 是 TCP/IP 体系中两个最主要的协议之一.与 IP 协议配套使用的还有四个协议: 地址解析协议 ARP (Address Resolution Protoco ...

java基础(八) 面向对象(三)

这里有我之前上课总结的一些知识点以及代码大部分是老师讲的笔记 个人认为是非常好的,,也是比较经典的内容,真诚的希望这些对于那些想学习的人有所帮助! 由于代码是分模块的上传非常的不便.也比较多,讲的也是 ...

logstash 发送慢页面到zabbix告警

input { file { type => "zj_frontend_access" path => ["/data01/applog_backup/zjz ...

winform总结5> winform程序开发注意事项

1.全局异常捕获 Application.SetUnhandledExceptionMode(UnhandledExceptionMode.CatchException); //处理UI线程异常 Ap ...

table固定头部，表格tbody可上下左右滑动

当表格头部固定时,需要分为两个表格来做:一部分是thead,一部分是tbody,具体实现方式如下: html代码:

禅道在docker上部署与迁移

一.禅道部署 1.下载地址 禅道开源版:   http://dl.cnezsoft.com/zentao/docker/docker_zentao.zip 数据库用户名: root,默认密码: 123 ...

Laravel 利用 observer 类基于状态属性，对进行删除和修改的控制

1 我们知道 Observer 类可以监听模型类的相关事件 1.1 creating, created, updating, updated, saving, saved, deleting, del ...

【DS】排序算法之希尔排序(Shell Sort)

一.算法思想 希尔排序,也称递减增量排序算法,是插入排序的一种更高效的改进版本.希尔排序是非稳定排序算法.希尔排序是基于插入排序的以下两点性质而提出改进方法的:1)插入排序在对几乎已经排好序的数据操作 ...

利用R求分位数及画出箱型图

1)数据集 data

牛客网——G大水题

链接:https://www.nowcoder.net/acm/contest/75/G来源:牛客网 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 32768K,其他语言65536K ...