1、打开PyCharm开发工具，创建‘form.html’文件，编写代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <form> <input type="text"> <input type="submit"> </form></head><body></body></html>这是一个最简单的表单，只有<form>标签包围才是表单
2、点击右上角浏览器可以查看效果，input标签通过type属性，决定输出的样式
3、丰富一下表单，指定提交位置form标签属性是action，method是提交方式，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <form action="" method="post"> <input type="text"> <p> <input type="submit" value="提交查询"> <input type="reset" value="清空重置"> </p> </form></head><body></body></html>
4、再添加单选按钮，注意单选是只有一个被选中，所以一定要有name属性代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <form action="" method="post"> <input type="text"> <p> <input type="radio" name="gender">男 <input type="radio" name="gender">女 </p> <p> <input type="submit" value="提交查询"> <input type="reset" value="清空重置"> </p> </form></head><body></body></html>
5、在添加一组复选框，这个是可以多选的,代码如下：<!DOCTYPE html><html lan爿讥旌护g="en"><head> <meta charset="UTF-8"> <title>Title</title> <form action="" method="post"> <input type="text"> <p> <input type="radio" name="gender">男 <input type="radio" name="gender">女 </p> <p> <input type="checkbox">a <input type="checkbox">b </p> <p> <input type="submit" value="提交查询"> <input type="reset" value="清空重置"> </p> </form></head><body></body></html
6、再添加一个下拉框select，代码如下;<!DOCTYPE html><html lang="en"媪青怍牙><head> <meta charset="UTF-8"> <title>Title</title> <form action="" method="post"> <input type="text"> <p> <input type="radio" name="gender">男 <input type="radio" name="gender">女 </p> <p> <input type="checkbox">a <input type="checkbox">b </p> <p> <select name="s1" > <option value="sz">深圳</option> <option value="sh">上海</option> <option value="sc">四川</option> </select> </p> <p> <input type="submit" value="提交查询"> <input type="reset" value="清空重置"> </p> </form></head><body></body></html>
7、打开右上角浏览器可以查看效果，现在稍微有点意思了。
