#WEB前端（表单）

1.实验：

form、input、label

登录界面，表单填写界面

2.IDE：VSCODE

3.记录：

4.代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <form action="#">                                                 <!DOCTYPE html action后填入网址，表示表单填完之后上交的地址>
        <span>用户名
            <input type="text" placeholder="请输入内容">              <!DOCTYPE html输入提示>
        </span>
       
        <br><br><br>
        <span>密码
            <input type="text" value="请输入内容">                    <!DOCTYPE html预填入>
        </span>
       
        <br><br><br>
        <label for="">验证码</label>                                 <!DOCTYPE html label仅限于与input使用>
        <input type="text" placeholder="请输入验证码">              
        
        <br><br><br>
        <label for="">性别</label>    
        <input type="radio">男                                       <!DOCTYPE html输入选择，可以多选>
        <input type="radio">女
        <input type="radio">其他

        <br><br><br>
        <label for="">性别</label>    
        <input type="radio" name="gender">男                         <!DOCTYPE html输入选择，不可以多选>
        <input type="radio" name="gender">女
        <input type="radio" name="gender">其他

        <br><br><br>
        <span>密码
            <input type="password" value="请输入内容">                <!DOCTYPE html输入不可见(密码)>
        </span>

        <br><br><br>
        <label for="">爱好</label>    
        <input type="checkbox">唱歌                                   <!DOCTYPE html输入选择，可以多选>
        <input type="checkbox">跳舞
        <input type="checkbox">RAPPER
        
        <br><br><br> 
        <input type="submit" value="提交">                            <!DOCTYPE html提交>
    </form>
</body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/422776.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！