form & socket
form socket
form.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>form</title>
</head>
<body>
<form action="http://127.0.0.1:8888" method="post">
<p>用户名：
<input type="text" name="username">
</p>
<p>密码：
<input type="password" name="password">
</p>
<p>性别：
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
</p>
<p>爱好：
<input type="checkbox" name="hobby" value="basketball">🏀
<input type="checkbox" name="hobby" value="tennis">🎾
<input type="checkbox" name="hobby" value="football">⚽️
</p>
<p>
<input type="submit" value="提交">
</p>
</form>
</body>
</html>form-bootstrap.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>form</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
</head>
<body>
<div class="container">
<form action="http://127.0.0.1:8888" method="post">
<div class="mb-3 row">
<label for="inputUsername" class="col-sm-1 col-form-label">用户名：</label>
<div class="col-auto">
<input type="text" class="form-control" id="inputUsername" name="username">
</div>
</div>
<div class="mb-3 row">
<label for="inputPassword" class="col-sm-1 col-form-label">密码：</label>
<div class="col-auto">
<input type="password" class="form-control" id="inputPassword" name="password">
</div>
</div>
<div class="mb-3 row">
<div class="col-sm-1">性别：</div>
<div class="col-auto">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="genderMale"name="gender" value="male">
<label class="form-check-label" for="genderMale">👨</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" id="genderFemale"name="gender" value="female">
<label class="form-check-label" for="genderFemale">👩</label>
</div>
</div>
</div>
<div class="mb-3 row">
<div class="col-sm-1">爱好：</div>
<div class="col-auto">
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="hobby1" name="hobby" value="basketball">
<label class="form-check-label" for="hobby1">🏀</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="hobby2" name="hobby" value="tennis">
<label class="form-check-label" for="hobby2">🎾</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="hobby3" name="hobby" value="football">
<label class="form-check-label" for="hobby3">⚽</label>
</div>
</div>
</div>
<p><input type="submit" value="提交"></p>
</form>
</div>
</body>
</html>socket.py
import socket
sock = socket.socket()
sock.bind(("127.0.0.1", 8888))
sock.listen(3)
print("Server is started")
while True:
conn, addr = sock.accept()
date = conn.recv(1024)
print(date)
conn.send(b"HTTP/1.1 200 ok\r\n\r\n提交成功！")
conn.close()Last updated