如何使輸入表單可點擊？

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 標記並將類留在那里。 什么對你最有效。 希望這可以幫助！