Question

这是一个非常奇怪的问题，但由于某些原因，我的联系表单导致我的网站自动滚动到页面的MIDDLE。我不知道为什么会这样做...我所知道的是，当我删除联系表单代码时，它正常加载，但我需要这个表单用于我的网站（这是我得到的半自定义代码lol）

有什么想法和解决方案吗？这让我疯了。：C

这是我的联系表格代码。此外，如果你们知道有什么更好的方法来编码我在这里得到的东西（我肯定有人会指出），我将非常感激。：P

<div class="contact-form">
                <!--Form on submit checks if the user used more than 5 words, thanks to the onsubmit function-->
                <form method="post" action="process.php" onsubmit="var text = document.getElementById('message').value; if ($(this).find('textarea').val().match(/[a-z]+/gi).length < 5) { alert('Your Holler is too short. Try adding more words (min 5 words per message)'); return false; } return true;" >  
        <label for="name"><p>Name: <span class="required">*</span></p></label>  
        <input type="text" id="name" name="name" value="" placeholder="John Doe" required autofocus />  

        <label for="email"><p>Email Address: <span class="required">*</span></p></label>  
        <input type="email" id="email" name="email" value="" placeholder="johndoe@example.com" required />  

        <label for="telephone"><p>Telephone: </p></label>  
        <input type="tel" id="telephone" name="telephone" value="" />  

        <label for="enquiry"><p>Inquiry: </p></label>  
        <select id="enquiry" name="enquiry">  
            <option value="general">Freelance</option>  
            <option value="sales">Job Offering</option>  
            <option value="support">Requesting Resume</option> 
            <option value="support">Other</option> 
        </select>  

        <label for="message"><p>Message: <span class="required">*</span></p></label>  
        <textarea id="message" name="message" placeholder="Your message must be 5 words or more" required data-minlength="5"></textarea>  
        <input type="submit" id="submit" action="process.php" OnSubmit="window.open('', 'foo', 'width=450,height=300,status=yes,resizable=yes,scrollbars=yes')" value="Send My Holler!" class="submit-button" />
        <p id="req-field-desc"><span class="required" style="color:#04B6DC;">*</span> indicates a required field</p>  
    </form>  

            </div> <!-- end contact-form -->

Answer 1

EUREKA！感谢Patrick Evans，我能够知道在哪里寻找解决方案！

由于一些奇怪的原因，我在输入代码中发现了这个小错误：AUTOFOCUS属性。当我删除它时，该网站再次加载到顶部。 WOO！

因此，对于遇到类似问题的任何人，请检查以确保您的联系表单在代码中的任何位置都没有自动对焦属性。

干杯！

联系表单在加载时将用户滚动到页面中间？

1 个答案: