-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstudy1P2.html
67 lines (63 loc) · 5.75 KB
/
study1P2.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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html>
<head>
<title>Study 1</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="./css/studyAll.css">
<link rel="stylesheet" type="text/css" href="./css/study1.css">
</head>
<body>
<header>
<h1> Study 1</h1>
<p>
There are a wide variety of characteristics that describe any person. Some of these characteristics
predict job success in this particular job and some don’t.
</p>
<p>
Please place a checkmark next to characteristics that you, as the hiring manager,
think would predict success (or lack of success) in the job
(including performance success and more generally doing well in the environment).
</p>
<p>
Place an X next to characteristics that you think are irrelevant to success;
i.e., characteristics that you do not think would be informative for predicting whether someone would succeed in the job.
</p>
<p>
If you aren’t sure about a particular characteristic, just leave it blank.
</P>
<hr>
</header>
<main>
<form method="post" action="/api/study1" ><!--these need to be randomized via javascript-->
<!-- X's inserted into newCheck instead of checkmarks with css and js -->
<div class="inputTitle"> <p> Relevant to Success ✔ </p> </div>
<div class="inputTitle"> <p> Irrelevant to Success ✖ </p> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> College GPA <input type="radio" value="1" name="gpa"><input type="radio" value="2" name="gpa"></div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Extraversion <input type="radio" value="1" name="extraversion"><input type="radio" value="2" name="extraversion"></div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Agreeableness <input type="radio" value="1" name="agreeableness"><input type="radio" value="2" name="agreeableness"></div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Conscientiousness <input type="radio" value="1" name="conscientiousness"><input type="radio" value="2" name="conscientiousness"></div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Gender <input type="radio" value="1" name="gender"><input type="radio" value="2" name="gender"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Race <input type="radio" value="1" name="race"><input type="radio" value="2" name="race"></div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Name of college attended <input type="radio" value="1" name="college"><input type="radio" value="2" name="college"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Major<input type="radio" value="1" name="major"><input type="radio" value="2" name="major"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Socioeconomic status background<input type="radio" value="1" name="socioEconomicStatus"><input type="radio" value="2" name="socioEconomicStatus"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Prior experience in the field <input type="radio" value="1" name="experience"><input type="radio" value="2" name="experience"></div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Pet owner (yes/no)<input type="radio" value="1" name="petOwner"><input type="radio" value="2" name="petOwner"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Hobbies <input type="radio" value="1" name="hobbies"><input type="radio" value="2" name="hobbies"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Marital status <input type="radio" value="1" name="maritalStatus"><input type="radio" value="2" name="maritalStatus"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Measure of achievement motivation<input type="radio" value="1" name="motivation"><input type="radio" value="2" name="motivation"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Favorite color<input type="radio" value="1" name="favoriteColor"><input type="radio" value="2" name="favoriteColor"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Favorite movie<input type="radio" value="1" name="favoriteMovie"><input type="radio" value="2" name="favoriteMovie"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Hometown<input type="radio" value="1" name="hometown"><input type="radio" value="2" name="hometown"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Programming languages <input type="radio" value="1" name="programmingLanguage"><input type="radio" value="2" name="programmingLanguage"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Foreign languages <input type="radio" value="1" name="foreignLanguage"><input type="radio" value="2" name="foreignLanguage"> </div>
<div class="inputRow"><div class = "newCheck"></div><div class = "newX"></div> Graduate degree <input type="radio" value="1" name="graduateDegree"><input type="radio" value="2" name="graduateDegree"> </div>
<input type="submit" value="Submit & Continue" ></input>
</form>
</main>
<footer>
<p>(2/7)</p>
</footer>
<script src="./js/study1P2.js"></script>
</body>
</html>