HTML 表单练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>from表单练习</title>
</head>
<body>

    <form action="##">
        用户名:<input type="text">
        <br>
        密码框:<input type="text">
        <br>
        <label for="">
            性别:
            <input type="radio" name="nihao"> 男
        </label>    
        <label for="">        
            <input type="radio" name="nihao"> 女
            <!-- name别名只能选一个 -->
        </label>

        <br>
        <label for="">
            <input type="checkbox">唱歌
        </label>
        <label for="">
            <input type="checkbox">跳舞
        </label>
        <label for="">
            <input type="checkbox">篮球
        </label>
        <br>
        <input type="file"">
        <br>
        学历:<select name="" id="">
            <option value="">请选择学历</option>
            <option value="">本科</option>
            <option value="">研究生</option>
        </select>

        <br>
        <input type="submit" value="提交">
        <input type="reset" value="重置">

    </form>
    
    <script>
    </script>
</body>
</html>

来源：CSDN

作者：Jason–json

链接：https://blog.csdn.net/weixin_46146313/article/details/104066462

标签

input

label

html表单

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!