HTML学习笔记3

最新推荐文章于 2024-07-24 16:53:23 发布

小白在努力！

最新推荐文章于 2024-07-24 16:53:23 发布

阅读量59

点赞数 1

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/giserhfbuie/article/details/114745999

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

单选框和复选框都有name和id，需要注意的是name可以是相同的，用来让浏览器知道name相同是一组，而id则是唯一的，可以与其他标记相绑定，例如以下label和单选框绑定，即点击男就可以选上，复选框类似。
form被称为表单，也就是我们在搜索框中输入的表单，它主要是用来传递数据的，传递到数据库。

<html>
    <head>

    </head>
    <body>
        <!--form是表单，是用来传递数据的-->
         <form>
        <!--隐藏框-->
        <input type="hidden"/>
        <!--文本框-->
        <input type="text" placeholder="请输入用户名"/>
        <!--密码框-->
        <input type="password" placeholder="请输入密码"/>
        <!--文件框-->
        <input type="file"/>
        <!--文本域-->
        <textarea name="" id="" cols="30" rows="10"></textarea>
        <!--下拉框-->
        <select name="" id="">
            <option value="">--请选择--</option>
            <option value="">北京</option>
            <option value="">上海</option>
            <option value="">广州</option>
            <option value="">深圳</option>
        </select>
        <!--单选框,注意name相同是告诉浏览器他们是一组的，只能选择一组中的一个，而id是唯一的，可以与label绑定-->
        <input type="radio" name="sex" id="male"><label for="male">男</label>
        <input type="radio" name="sex" id="female"><label for="female">女</label>
        <!--复选框-->
        <input type="checkbox" name="hobby" id="lq"><label for="lq">篮球</label>
        <input type="checkbox" name="hobby" id="zq"><label for="zq">足球</label>
        <input type="checkbox" name="hobby" id="bq"><label for="bq">棒球</label>
         </form>
    </body>
</html>

小白在努力！

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记3

单选框和复选框都有name和id，需要注意的是name可以是相同的，用来让浏览器知道name相同是一组，而id则是唯一的，可以与其他标记相绑定，例如以下label和单选框绑定，即点击男就可以选上，复选框类似。 form被称为表单，也就是我们在搜索框中输入的表单，它主要是用来传递数据的，传递到数据库。<html> <head> </head> <body> <!--form是表单，是用来传递数据的--&gt.
复制链接

扫一扫