块级标签： div（白板）
标签之间可以嵌套
为什么要有标签？
标签存在的意义： 定位操作， css操作， js操作
chrome审查元素的使用
- 定位
- 查看样式
用id定位
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<p id="p1">hello worldp>
<div id="i1">qwertdiv>
body>
html>
打开页面->Inspect->Console,
document.getElementById('i1').innerText
"qwert"
document.getElementById('i1').innerText="asdfg"
"asdfg"
定义位置: 右上角
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<p id="p1">hello worldp>
<div id="i1" style="position: fixed;top: 0;right: 0;">qwertdiv>
body>
html>
定义位置: 右下角
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<p id="p1">hello worldp>
<div id="i1" style="position: fixed;bottom: 0;right: 0;">qwertdiv>
body>
html>
提交表单
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<form action="http://localhost:8888/index">
<input type="text" />
<input type="password" />
<input type="button" value="登录1" />
<input type="submit" value="登录2" />
form>
body>
html>
#pip3 install tornado import tornado.ioloop import tornado.web class MainHandler(tornado.web.RequestHandler): def get(self): print(111) self.write('GET') def post(self, *args, **kwargs): print(123) self.write('POST') application = tornado.web.Application([ (r'/index', MainHandler), ]) if __name__ == "__main__": application.listen(8888) tornado.ioloop.IOLoop.instance().start()
浏览器打开http://localhost:8888/index会返回get方法
浏览器post到http://localhost:8888/index会返回post方法
浏览器打开html页面，输入内容，点击登录2，数据就提交给http://localhost:8888/index
获取表单内容
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<form action="http://localhost:8080/index">
<input type="text" name="user" />
<input type="text" name="email" />
<input type="password" name="pwd" />
<input type="button" value="登录1" />
<input type="submit" value="登录2" />
form>
body>
html>
用户输入会打包成字典提交到后台
{'user':'输入的用户'， 'email':'xx', 'pwd':'xx'}
import tornado.ioloop import tornado.web 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 e == '[email protected]' and p == '123': self.write("OK") else: self.write("滚") def post(self, *args, **kwargs): print(123) self.write('POST') application = tornado.web.Application([ (r'/index', MainHandler), ]) if __name__ == "__main__": application.listen(8080) tornado.ioloop.IOLoop.instance().start()
POST方法提交表单数据
GET, POST
GET提交在URL里
POST提交在body里， URL里看不到
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
<form action="http://localhost:8080/index" method="POST">
<input type="text" name="user" />
<input type="text" name="email" />
<input type="password" name="pwd" />
<input type="button" value="登录1" />
<input type="submit" value="登录2" />
form>
body>
html>
import tornado.ioloop import tornado.web 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 e == '[email protected]' and p == '123': self.write("OK") else: self.write("滚") def post(self, *args, **kwargs): u = self.get_argument('user') e = self.get_argument('email') p = self.get_argument('pwd') print(u, e, p) self.write('POST') application = tornado.web.Application([ (r'/index', MainHandler), ]) if __name__ == "__main__": application.listen(8080) tornado.ioloop.IOLoop.instance().start()
浏览器打开html页面，输入内容，点击登录2，数据就提交给http://localhost:8080/index