块级标签： div（白板）
标签之间可以嵌套
为什么要有标签？
标签存在的意义： 定位操作， css操作， js操作
chrome审查元素的使用
- 定位
- 查看样式
用id定位
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="p1">hello world</p>
<div id="i1">qwert</div>
</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>Title</title>
</head>
<body>
<p id="p1">hello world</p>
<div id="i1" style="position: fixed;top: 0;right: 0;">qwert</div>
</body>
</html>
定义位置: 右下角
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="p1">hello world</p>
<div id="i1" style="position: fixed;bottom: 0;right: 0;">qwert</div>
</body>
</html>
提交表单
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</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>Title</title>
</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 == 'alex@126.com' 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>Title</title>
</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 == 'alex@126.com' 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