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>
发布了17 篇原创文章 · 获赞 1 · 访问量 402

猜你喜欢

转载自blog.csdn.net/weixin_46146313/article/details/104066462
今日推荐