Question

自从我的网站添加联系表单后，当我刷新页面时，它会不断地将页面滚动到表单所在的位置。我不知道是什么引起了这种情况，所以我来问。我搜索了类似的问题，但无法找到任何问题。
谢谢大家。

网站表格：

<form method="post" action="contact.php">
    <input type="text" id="name" name="name" value="" placeholder="Nom prénom" required="required" autofocus="autofocus" />
    <input type="email" id="email" name="email" value="" placeholder="email@example.com" required="required" />
    <input type="phone" id="phone" name="phone" value="" placeholder="00.00.00.00.00" />
    <textarea id="message" name="message" placeholder="Bonjour,..." required="required"></textarea>
    <button type="submit" value="Envoyer!" id="submit-button" >Envoyer</button>
</form>

更正后的表格：

<form method="post" action="contact.php">
    <input type="text" id="name" name="name" value="" placeholder="Nom prénom" required="required" />
    <input type="email" id="email" name="email" value="" placeholder="email@example.com" required="required" />
    <input type="phone" id="phone" name="phone" value="" placeholder="00.00.00.00.00" />
    <textarea id="message" name="message" placeholder="Bonjour,..." required="required"></textarea>
    <button type="submit" value="Envoyer!" id="submit-button" >Envoyer</button>
</form>

复制旧表单时，请务必正确读取每一行（我最大的错误）。
我的表单中有自动对焦属性，这是造成问题的原因。

Answer 1

您的问题似乎与“自动对焦”属性有关。

http://www.w3schools.com/tags/att_input_autofocus.asp

您应该从以下表单中删除它，如下所示：

<form method="post" action="contact.php">
    <input type="text" id="name" name="name" value="" placeholder="Maamar Miloud" required="required" />
    <input type="email" id="email" name="email" value="" placeholder="contact.maamar@gmail.com" required="required" />
    <input type="phone" id="phone" name="phone" value="" placeholder="06.15.73.0x.0x" />
    <textarea id="message" name="message" placeholder="Bonjour,..." required="required"></textarea>
    <button type="submit" value="Envoyer!" id="submit-button" >Envoyer</button>
</form>

这是一个显示极端例子的小提琴：http://jsfiddle.net/xefq9t0z/1/

当您提供代码片段时，帮助您更容易，因此我们无需深入挖掘您的整个网站！你很幸运，我很无聊！

表单针对网站加载

1 个答案: