HTML 是 AWS-SDK 的表单吗？

Question

我是 HTML and been working on creating a site with AWS 的新手。我已经看到 < form >s 是数据请求的典型语法。

由于我使用的是 AWS-SDK，我很难使 < form > 适合 AWS-SDK 格式。我不应该在这里使用 < form > 吗？不然我有什么不明白的？

<html lang="en">
    <head> 
        <!-- Stuff -->
        <script src="https://sdk.amazonaws.com/js/aws-sdk-2.7.16.min.js"></script> 
        <script src="assets/js/myscript.js"></script>
    </head>

    <body> class="container-fluid"> 
        <!-- Stuff -->
        <table class="container" style="text-align:center">
            <!-- Stuff -->
            <tr class="row row-eq-height">
               <td class="col-md-6 col-lg-4">
                    <input id="createItem" type="button" value="Submit" onclick="createItem();" />
                </td>
            </tr>
        </table> 
        <!-- Stuff --> 
    </body>
</html>


// Stuff

var AWS = require("aws-sdk");

AWS.config.update({
  region: "us-west-2",
  endpoint: "http://localhost:8000"
});

// Stuff

var docClient = new AWS.DynamoDB.DocumentClient();

// Stuff

Answer 1

HTML 表格主要用于格式化原因。它们看起来像用户期望的样子 + 有很多 CSS 框架（Bootstrap、Material 设计，...）提供漂亮的 out-of-the-box 表单元素，没有努力。

然而，不再需要将表单包装到 <form> 元素中，因为处理表单中的数据通常由 Javascript 函数完成，该函数可以直接访问表单元素。

通常，您会在表单末尾放置一个 <button> 并在其上放置一个用于提交表单的 onclick 事件。

Answer 2

您应该始终使用语义HTML元素。是的，您应该使用 form 元素。

语义和辅助功能

蜘蛛、用户代理、屏幕阅读器、插件等会阅读您的网站并尝试理解它。浏览器可能会通过预填充保存的联系人数据来帮助他们的用户。如果语义不明确，蜘蛛的行为可能会有所不同。蜘蛛应该点击 button 元素吗？如果它们是提交按钮 type="submit"，大多数搜索引擎机器人不会点击它们，但它们可能会因为某些网站（语义不正确）使用按钮而不是链接。屏幕阅读器可以向盲人或视障用户宣布表单块。密码管理器可能只预填登录表单（而不是您网站上的每个输入字段 name="name"）。所有这些都通过语义 forms 得到了极大的简化。没有它们，这些功能可能无法正常工作或完全失效。

JavaScript API 和数据验证

语义 HTML 和 JavaScript 可以一起使用。当您使用 forms 时，您可以通过使用 document.forms. You can get its elements, you can listen to its submit event, you can reset 从 JavaScript 正确引用它，或者用它做其他事情。

Data validation allows the browser to do the validation of values for you. JavaScript provides reportValidity to check whether a form is valid or you can use the invalid event。以这种方式验证整个表单比仅使用 JavaScript 更容易（尤其是当您不使用表单时）。

已禁用JavaScript

有些人 JavaScript 已禁用。在这种情况下让您的网站正常运行总是好的。

Answer 3

是的，这些表格不适合使用 AWS-SDK。
它们在遵守这两个标准时增加了额外的复杂性，而没有在清晰度或简单性方面产生任何一方的好处。

HTML 是 AWS-SDK 的表单吗？

Are HTML Forms for an AWS-SDK?

html

javascript

forms

amazon-s3

aws-sdk

语义和辅助功能

JavaScript API 和数据验证

已禁用JavaScript