独立地写了一个调查表：）
很有意思：）
虽然很丑，但凑合能用，等我进一步学CSS再来改改吧
freecodecamp: 这是你获得认证的必做项目。 在这个项目中，你将编写一个用于收集用户数据的调查表单。
效果如下
index.html
<DOCTYPE html>
<html lang="en">
<head>
<title>sadda</title>
</head>
<meta charset="UTF-8">
</head>
<body>
<center>
<h1 id="title">这是调查表</h1>
<p id="description">欢迎填写:)</p>
<form id="survey-form">
<label id="name-label"for="name">你的名字
<div></div>
<input id="name" type="text" required placeholder="王兴家">
</label>
<div></div>
<label id="email-label" for="email">你的邮箱
<div></div>
<input id="email" type="email" required placeholder="xingwangzhe@outlook.com">
</label>
<div></div>
<label id="number-label" for="number">输入数字
<div></div>
<input id="number" type="number" min="5" max="120" placeholder="19">
</label>
<div></div>
你要干什么
<div></div>
<select id="dropdown">
<option >请选择</option>
<option>吃饭</option>
<option>睡觉</option>
</select>
<div></div>
<label >你喜欢什么时间段学习<div></div>
<input type="radio" value="1" name="ol">上午
<input type="radio" value="2" name="ol">下午
<div></div>
<label >你喜欢什么运动<div></div>
<input type="checkbox" value="1"> 篮球
<input type="checkbox" value="2"> 排球
<div></div>
<label>其他建议<div></div></label>
<textarea></textarea>
<div></div>
<button id="submit">提交</button>
</form>
</center>
</body>
</html>styles.css
body {
background-color: rgba(255, 244, 90, 0.5);
}
.title{
font-size:30px;
}
label{
font-family:Microsoft YaHei;
}本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2024-09-15，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
