1.建立一个实现登录功能的form表单
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/48e0f1a93806777140f31228a1bf5bc5.png)
提交为空的表示方式 active="" active="#"
提交的方式 当method="get"时 输入的用户名与密码都会被显示出来,如下图输入的用户名与密码均为root:
(如果不设置默认为GET请求)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0ad6e0317f7b30feec0e16e52268a206.png)
当method="post"时 输入的用户名与密码不会被显示出来(推荐使用)
打开方式 (默认方式)target:_self
(另起一页)target:_blank;
显示结果
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1ce61af2c61ec247f5f4c3d774c4e41f.png)
2.建立一个隐藏域
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/84c64f444c1600b7498ed7b421c2d908.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/81a91eeb5659b23b854543b533521d93.png)
3.创建一个单选框
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4af7f6b020b4745c85dff6d6731ed8e4.png)
其中checked为初选项 如图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/de80bd2adaea28885fe0bcb03d31fb3d.png)
4.创建一个复选框
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4fd8a961e85419531bcd5721a8d87c14.png)
复选框可多选,如图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5bca16f5317a05480513268205c65f85.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/824bfc545bc9a7b475db1143cdb1ea34.png)
5.文件
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/04af1a5ef59e61af79083e1fc6ecb2e7.png)
6.下拉框
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1c97d5bfb677178e85de0694757d53f7.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/74fec5bf571766e9afc0eeedbbe3b258.png)
7.多行文本输入
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b9e175a96b6749ca03d114fb3f1567cb.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3e01a301036a3af92f32ecf1743a0f5a.png)