Являются ли HTML-формы для AWS-SDK? - PullRequest
0 голосов
/ 08 июня 2019

Я новичок в HTML и работаю над созданием сайта с AWS . Я видел, что s - это типичный синтаксис для запросов данных.

Поскольку я использую AWS-SDK , мне трудно сделать так, чтобы соответствовал формату AWS-SDK. Разве я не должен использовать здесь? Иначе чего я не понимаю?

<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 

Ответы [ 3 ]

0 голосов
/ 08 июня 2019

Вы должны всегда использовать семантические элементы HTML.И да, вы должны использовать элемент form.

Семантика и доступность

Пауки, агенты пользователей, программы для чтения с экрана, плагины и т. Д. Читайте ваш веб-сайт и пытайтесь понять его.Браузеры могут помочь своим пользователям, предварительно заполнив сохраненные контактные данные.Пауки могут вести себя по-разному, если семантика не ясна.Должен ли паук щелкнуть по элементу button?Большинство ботов поисковых систем не нажимают на них, если они являются кнопками отправки type="submit", но в противном случае они могут работать, так как некоторые сайты (семантически неверные) используют кнопки вместо ссылок.Программы для чтения с экрана могут объявлять блоки форм своим слепым или слабовидящим пользователям.Менеджер паролей может заполнять только формы входа в систему (и не каждое поле ввода на вашем сайте с name="name").Все это значительно упрощается семантическими form s.Без них эти функции могут работать некорректно или не работать полностью.

API JavaScript и проверка данных

Семантический HTML и JavaScript могут использоваться вместе.Когда вы используете form s, вы можете правильно ссылаться на него из JavaScript, используя document.forms.Вы можете получить его элементов , вы можете прослушать его отправить событие , вы можете сбросить его или сделать другие действия с ним.

Проверка данных позволяет браузеру выполнить проверку значений для вас.JavaScript предоставляет reportValidity для проверки правильности формы или использования события invalid .Проверять всю форму таким способом намного проще, чем делать это только с помощью JavaScript (особенно, когда вы не используете форму).

Отключен JavaScript

У некоторых людей отключен JavaScript.В таком случае всегда хорошо, чтобы ваш сайт работал.

0 голосов
/ 27 июня 2019

Да, формы плохо подходят для работы с AWS-SDK.Они добавляют дополнительную сложность в соблюдении обоих стандартов, не принося ни выгоды в ясности или простоте.

0 голосов
/ 08 июня 2019

HTML-формы полезны в основном по причинам форматирования. Они выглядят так, как будто пользователи ожидают, что они будут выглядеть + существует множество CSS-фреймворков (Bootstrap, Material Design, ...), которые предоставляют красивые готовые элементы формы без усилий.

Однако больше не нужно переносить форму в элемент <form>, поскольку обработка данных из формы обычно выполняется функцией Javascript, которая будет напрямую обращаться к элементам формы.

Как правило, вы помещаете <button> в конец формы и помещаете в него событие onclick, которое будет использоваться для отправки формы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...