html:
    (1) 会产生一个文本框,点击提交按钮之后,name后会紧跟用户名
    (2) 整个的表单,包含在

    中,action是将整个网页所选的内容提交到一个新的网页中
    (3) 会产生一个密文文本输入框,点击提交按钮后,name后会紧跟密码
    (4)显示的可选值1
    显示的可选值2
    /*两个name相同,才可以做出单选,会被归为一类,提交后value的值,会显示到浏览器url中

    (5)复选框 checkbox同理

    (6)下拉列表,
    option是可选值,xx是显示到页面上的值,value才是会被提交到网页的值

    1. <!DOCTYPE html>
    2. <html lang="zh">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. <title>Document</title>
    7. </head>
    8. <body>
    9. <form action="target.html">
    10. 用户 <input type="text" name="username">
    11. <br><br>
    12. 密码 <input type="password" name="password">
    13. <br><br>
    14. <input type="submit" >
    15. <br><br>
    16. 单选框
    17. <input type="radio" name="hh" value="h1" checked>康楚明
    18. <input type="radio" name="hh" value="h2">康钦杰
    19. <br><br>
    20. 多选框
    21. <input type="checkbox" name="hello" value="h1">h1
    22. <input type="checkbox" name="hello" value="h2">h2
    23. <input type="checkbox" name="hello" value="h3" checked>h3
    24. <br><br>
    25. 下拉框
    26. <br><br>
    27. <select name="world" id="s1">
    28. <option value="1">康楚明</option>
    29. <option value="2">陶红</option>
    30. <option value="3">陶定邦</option>
    31. <option value="4">曹泽智</option>
    32. </select>
    33. </form>
    34. </body>
    35. </html>

    image.png