时间戳

首页 > 解决方案 > 奇怪的 html textarea 错误

javascript - 奇怪的 html textarea 错误

问题描述

我有这个奇怪的 HTML 文本区域错误，我单击文本区域，输入一些东西，白色背景的位置迅速改变，然后移回并停留在那里。

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

除了谷歌字体，我没有添加任何特定的 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>

笔记：

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

标签： javascripthtml

解决方案

可能对你有帮助的东西。

您可能希望在调试时使用新的 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

推荐阅读