#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.mzph.cn/news/715890.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！