时间戳

首页 > 解决方案 > 对于 HTML 表单，是否使用 JavaScript？- 2020 年

javascript - 对于 HTML 表单，是否使用 JavaScript？- 2020 年

问题描述

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

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

这是真的？

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

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

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

标签： javascripthtmlcssforms

解决方案

HTML5 有一些很棒的“新功能”，其中涉及一个名为patternYou can include regex to do some client side validation 的属性。

更多关于模式属性的使用可以在这里找到： 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>

推荐阅读