JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div id="main-container">
<div class="middle-content">
<form action="" method="post" id="quiz">
<fieldset>
<p>When was Kurt Vonnegut born?</p>
<input type="text" class="field" name="ques1"/>
<p>What year was Slaughterhouse-Five Written?</p>
<input type="text" class="field" name="ques2" />
<p>What is the imaginary substance described in Cat's Cradle?</p>
<input type="text" class="field" name="ques3"/>
<p>Who is the protagonist in Slaughterhouse-Five?</p>
<input type="text" class="field" name="ques4" />
<p>Finish this sentence, "<span class="green">Kurt Vonnegut</span> is____."</p>
<input type="text" class="field" name="ques5"/><br />
<input type="text" class="field txtfield" name="email" id="email" value="Your Email Id" onclick="if(this.value='Your Email Id') {this.value='';} else {this.value='Your Email Id';}"/><br />
<input type="text" class="field txtfield" name="name" id="name" value="Your Name" onclick="this.value=''"/><br />
<input type="submit" class="btn" value="Submit" onclick="return validate();" />
</fieldset>
</form>
<div>
Thanks for participate.
</div>
<div class="result" tabindex="0" id="result">
<div>
<p><strong>Name:</strong><br />reew</p>
</div>
<div>
<p>
<strong>Answers:</strong><br />
...
JavaScript
window.onload = function() {
try{
document.getElementById('result').focus();
}catch(err){
}
}