4.html基础标签：表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
    <!--1. 表单
        作用:收集用户输入,发送给服务器
        表单常用的元素:
        文本输入框:type=text
        文本密码框:type=password
        单选框:   type=radio,注意多选一时,每个选项的name值必须相同.单选框的概念就是在一个组中只能选出一个值,选项的值不同,表示不同的组,能够造成多选
        多选框:   type=checkbox,每个选项的name值需相同
        下拉框:   select
        提交:     type=submit

        2. 表单中的小问题
        (1):我们在使用表单进行元素提交的时候,必须要保证接口地址中,有对应的键值对关系?
           比如,一个单选框如果写成<input type="radio" name="sex">男,那么参数无值可对,只会选择将默认值传递给服务器,获取不到指定的资源
        (2):为什么输入框就不需要设置value值,因为文本框的值是由用户进行输入的,如果自己设置了值,那么输入框默认会有值显示在框中
        

    -->
<!-- 模拟注册界面 -->

    <form action="">

    用户名:<input type="text" name="user"><br>
    密 码:<input type="password" name="pwd"><br>

    性别:<input type="radio" name="sex" value="nj">男
         <input type="radio" name="sex" value="nv">女<br>

    兴趣爱好:<input type="checkbox" name="ckb" value="kjuu">看书
            <input type="checkbox" name="ck" value="iifj">吃饭<br>
    城市:
    <select name="city">
        <option value="shanghai">上海</option>
        <option value="beijing">北京</option>
    </select>
    <input type="submit" name="k">
    

    </form>
</body>
</html>
4.html基础标签：表单

猜你喜欢
