我是HTML新手，一直致力于使用AWS创建站点。我已经看到<form>是数据请求的典型语法。由于我使用的是AWS-SDK，我很难让<form>适合 AWS-SDK 格式。我不应该在这里使用 <form> 吗？否则，我有什么不明白的？<html> <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> // Stuffvar AWS = require("aws-sdk");AWS.config.update({ region: "us-west-2", endpoint: "http://localhost:8000"});// Stuffvar docClient = new AWS.DynamoDB.DocumentClient();// Stuff
3 回答
精慕HU
TA贡献1845条经验 获得超8个赞
您应该始终使用语义 HTML 元素。是的，您应该使用该form元素。
语义和可访问性
蜘蛛、用户代理、屏幕阅读器、插件等阅读您的网站并尝试理解它。浏览器可能会通过预填充保存的联系人数据来帮助他们的用户。如果语义不清楚，蜘蛛可能会有不同的行为。蜘蛛应该点击一个button元素吗？如果它们是提交按钮，大多数搜索引擎机器人不会点击它们，type="submit"但它们可能会因为某些网站（语义不正确）使用按钮而不是链接。屏幕阅读器可以向盲人或视障用户宣布表单块。密码管理器可能仅预填充登录表单（而不是您网站上的每个输入字段都带有name="name"）。所有这些都通过语义forms 进行了大规模简化。没有它们，这些功能可能无法正常工作或完全中断。
JavaScript API 和数据验证
语义 HTML 和 JavaScript 可以一起使用。当您使用forms 时，您可以使用document.forms. 你可以获取它的元素，你可以监听它的提交事件，你可以重置它或用它做其他事情。
数据验证允许浏览器为您验证值。JavaScript 提供reportValidity检查表单是否有效或者您可以使用invalid事件。以这种方式验证整个表单比仅使用 JavaScript 更容易（尤其是当您不使用表单时）。
禁用 JavaScript
有些人禁用了 JavaScript。在这种情况下，让您的网站正常工作总是好的。
慕沐林林
TA贡献2016条经验 获得超9个赞
HTML 表单之所以有用，主要是出于格式化的原因。它们看起来像用户期望的样子 + 有很多 CSS 框架（Bootstrap、Material Design 等）可以毫不费力地提供漂亮的开箱即用的表单元素。
然而，不再需要将表单包装到<form>元素中，因为处理来自表单的数据通常由 Javascript 函数完成，该函数将直接访问表单元素。
通常，您会<button>在表单的末尾放置一个并在其上放置一个用于提交表单的 onclick 事件。
添加回答
举报
0/150
提交
取消