奇怪的HTML textarea错误

Question

我有一个奇怪的HTML文本区域错误，单击文本区域，键入一些内容，白色背景的位置会快速变化，然后移回并停留在那里。

我在chrome和firefox中都尝试过，并且它都出现在两个地方。我尝试禁用页面上的所有JavaScript，但仍然出现错误。

除了Google字体外，我没有添加任何特定的CSS，但这似乎也不是问题。

我认为代码中没有任何内容，这似乎是问题所在，但在这里是

<h1 class="mb-5"> Enter your message, and i will get back to you as soon as possible</h1>
    <form action="{{ url_for('send_mail') }}" method="post">
    First name: <br>
    <input type="text" name="name" size="35"><br>
    Last name:<br>
    <input type="text" name="lastname" size="35"><br>
    Email-address: <br>
    <input type="email" name="email" size="35"><br>
    Phone-number: <br>
    <input type="text" name="phone" size="35"><br>
    Enter your message: <br>
    <br>
    <textarea type="text" name="message" rows="8" cols="40"></textarea><br>
    <br>
    <button type="submit" class="btn btn-outline btn-xl js-scroll-trigger" >Let's get in touch</a>
</form>

注意：

我正在为我的应用程序使用flask，但是无论是从烧瓶运行还是以静态HTML页面运行时，都会出现问题。

Answer 1

可能对您有帮助的东西。

您可能需要在调试时使用chrome的新实例。这样可以避免错误的扩展程序给您带来麻烦。 请尝试以下操作：

  

为确保干净的配置文件不会继承任何扩展名或设置，请使用--user-data-dir开关（路径为“ / dev / null”）启动Chrome。例如：

▪   OSX: open -a "Google Chrome" --args --user-data-dir=/dev/null
▪   Linux: google-chrome --user-data-dir=/dev/null
▪   Windows: "C:\Users\username\AppData\Local\Google\Chrome\Application\chrome.exe" --user-data-dir=/dev/null

  

像这样启动Chrome浏览器将确保您获得一个完全空的配置文件，而不是将用户的配置文件加载为只读。

参考：https://developer.chrome.com/devtools/docs/clean-testing-environment