对于 HTML 表单，是否使用 JavaScript？ - 2020年[关闭]

Question

问题 1： 我正在构建一个网站表单，其中包括多个输入框（文本、电子邮件、电话、URL ...）、一个文本区域和多个复选框，用户可以在其中选择多个选项。我将所有的 HTML5 验证都使用了“必需”等。

我害怕在表单中使用 JavaScript，因为我读到它是黑客的门户，而 HTML5 正在用它自己的验证属性（如“必需”等）替换这个 JavaScript。

这是真的吗？

我很困惑，因为有些教程仍然使用 JavaScript 来验证和发送表单信息。但是，一切看起来您只需要 HTML 来编写客户端脚本。

问题 2： 谁能告诉我 JavaScript 的更新是什么？

问题 3： 我们可以用纯 CSS 代替 JavaScript 制作动态网站吗？

Answer 1

HTML5 有一些很棒的“新功能”，其中涉及一个名为 pattern 的属性。您可以包含正则表达式来进行一些客户端验证。

更多关于模式属性的使用可以在这里找到： https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern

HTML5 正在取代 javascript 吗？ 不是真的。他们都有优点和缺点。客户端始终是“可破解的”，如果您使用服务器端技术来获取数据，则无需担心 HTML5 或 Javascript 更安全。只需确保在将条目保存到数据库之前使用 SSL 连接并验证/反 SQL 注入/XSS 即可。

我们可以用纯 CSS 代替 JavaScript 制作动态网站吗？ 您可以设置样式并使其对哪些字段是必需的或有错误的更可见，或者在选中复选框时使内容可见或不可见，仅此而已。

简单示例：

<form>
  <div>
    <label for="uname">Choose a username: </label>
    <input type="text" id="uname" name="name" required size="45"
           pattern="[a-z]{4,8}" title="4 to 8 lowercase letters">
    <span class="validity"></span>
    <p>Usernames must be lowercase and 4-8 characters in length.</p>
  </div>
  <div>
    <button>Submit</button>
  </div>
</form>