很有意思：）

虽然很丑，但凑合能用，等我进一步学CSS再来改改吧

freecodecamp:
这是你获得认证的必做项目。
在这个项目中，你将编写一个用于收集用户数据的调查表单。

效果如下

sadda

这是调查表

欢迎填写:)

你要干什么

index.html

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
   <DOCTYPE html>
<html lang="en">
<head>
    <p>sadda</p>
    </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

 
1
2
3
4
5
6
7
8
9
10
11
body {
  background-color: rgba(255, 244, 90, 0.5);
}

.title{
  font-size:30px;
}

label{
  font-family:Microsoft YaHei;
}