JSFiddle - React, Tailwind, and code Playground

HTML

<!-- HTML -->
<div id='passf'>
  <p>Hover mich</p>
       <div id="open">
           <label>Ihr Name
               <input type='text' name='' value=''><br /></label>
        </div>
    </div>
<!-- HTML ends -->

CSS

#passf {
 padding:10px;
 border:1px solid blue;
}
#passf #open {
 display:none;
 padding:10px;
 border:1px solid red;
}
#passf:hover #open,
#passf:active #open {
 display:block;
}