form表单标签包含的元素：
    image.png

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>表单</title>
    6. </head>
    7. <body>
    9. <!--表单的标签  form+Tab-->
    10. <form action="" method="">    
    11. <!--action需要提交到的路径 method里get有长度限制，不是很安全,会把你的信息显示；post没长度限制，且安全-->
    12.     姓名：<input type="text" placeholder="请输入姓名"><br>
    13.     密码：<input type="password" placeholder="请输入密码"><br>         <!--如果type属性值是password则在网页里输入的时候不显示-->
    14.     <!--当网页刷新时，加checked的这个选项是默认选中的选项，注意这个标签属性checked就是属性名和属性值一样-->
    15.     性别：<input type="radio"name="sex" value="male" checked>男   <!--name属性里面的值相同的代表他们是同一类，只能选其一。实现单选！！！-->
    16.          <input type="radio" name="sex" value="female">女           <!--加value是传数据时传的相应的值-->
    17.     <br>
    18.     <input type="submit" value="登录">           <!--提交按钮,默认是提交两个字，可以通过改value来改-->
    19.     <input type="reset">                         <!--重置按钮，所有信息恢复默认-->
    20.     <input type="button" value="这是个普通按钮">       <!-- 普通按钮  要配合js使用-->
    21. </form>
    23. </body>
    24. </html>

    image.png
    注意：
    input 里面还有search框，即搜索框。

    <input type="search">
    • 这个会在text文本框的后面加一个 x