如何使输入表单可点击？

Question

我得到了一个问题来解决一个问题。 任务是使输入表单可点击。 但我无法弄清楚代码中发生了什么。 这是我第一次看到这样的代码。 有人可以帮助我吗？

 <div class="container-center-horizontal"> <form class="android-frontpage screen" onclick="window.open('javascript:SubmitForm(%27form2%27)', '_self');" name="form2" action="form2" method="post"> <div class="overlap-group"> <a href="javascript:SubmitForm('form2')" onclick="window.event.stopPropagation()"><img class="android-frontpage-1" src="https://anima-uploads.s3.amazonaws.com/projects/6162fec6f667ec5b97a58c2b/releases/6163081a3beef0eaf8ca4199/img/android---frontpage@2x.jpg" /> </a><img class="kid-pic-1" src="https://anima-uploads.s3.amazonaws.com/projects/6162fec6f667ec5b97a58c2b/releases/6163081a3beef0eaf8ca4199/img/kid-pic-1@2x.png" /> <div class="rectangle-9"></div> <img class="rectangle-8" src="https://anima-uploads.s3.amazonaws.com/projects/6162fec6f667ec5b97a58c2b/releases/6163081a3beef0eaf8ca4199/img/rectangle-8@4x.png" /> <p class="text-1">Join our community to get early access.</p> <div class="rectangle-4x input"></div> <div class="text-2">Enter your email address</div> <div class="rectangle-4"></div> <div class="get-started valign-text-middle">Get Started</div> <img class="evolvere-academy" src="https://anima-uploads.s3.amazonaws.com/projects/6162fec6f667ec5b97a58c2b/releases/6163081a3beef0eaf8ca4199/img/evolvere-academy@1x.png" /> <div class="courses montserrat-bold-white-14px">Courses</div> <div class="blogs montserrat-bold-white-14px">Blogs</div> <div class="our-story montserrat-bold-white-14px">Our Story</div> <div class="contact-us montserrat-bold-white-14px">Contact Us</div> <h1 class="text-3">Building Education Of The Future!</h1> </div> </form> </div>

Answer 1

首先，输入不可点击，因为它甚至不是输入。 这只是一段空白的文字。 所以你可以用输入框替换文本。 在这里，我根据您的代码制作了一个。 <input class="text-2" type="email" placeholder="Enter your email address here">您可以删除该类并将其添加到 div 或删除整个 div 标记并将类留在那里。 什么对你最有效。 希望这可以帮助！