4.html基础标签：表单

时间：2024-01-21 20:32:51
<!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>

相关文章