Как мне создать веб-форму HTML?

Question

Я некоторое время создавал HTML-сайты и всегда боялся создавать формы, поэтому прибегнул к использованию генераторов форм.

На этот раз я решил, что хочу сделать это сам,Я знаю основы того, что форма выглядит примерно так:

<form id="mail_form">
        <div>
            <input type="text" name="subject" id="subject"/>
        </div>
        <div>
            <textarea name="message" id="message"></textarea>
        </div>
        <div>
            <input type="submit" name="submit" id="submit" value="Send"/>
        </div>
</form>

Но чтобы заставить форму работать на самом деле, какой, по вашему мнению, лучший способ сделать это, простой и эффективный?

Спасибо

Answer 1

Вам нужно отправить его в скрипт, чтобы он мог быть обработан.

В теге необходимо указать атрибут действия и метода. Действие указывает веб-страницу, на которую будут отправляться данные, и метод, которым они будут отправлены. Существует два способа отправки данных: POST или GET, хотя в вашем случае POST, вероятно, является лучшим вариантом.

Ваш будет выглядеть так:

myform.php

<form id="mail_form" action="mypost.php" method="POST">
        <div>
            <input type="text" name="subject" id="subject"/>
        </div>
        <div>
            <textarea name="message" id="message"></textarea>
        </div>
        <div>
            <input type="submit" name="submit" id="submit" value="Send"/>
        </div>
</form>

Для доступа к данным вам понадобится что-то вроде следующего:

mypost.php

<?PHP
     echo $_POST['subject'];
     echo "\<br\>";
     echo $_POST['message'];
?>

Это просто выведет значение, введенное пользователем. Вы можете сделать с ним все, что захотите.

Конечно, этот способ работает только с PHP. Вы можете установить действие для любого типа документа, но вам нужен некоторый серверный язык сценариев для извлечения и обработки данных.

Подробнее см. http://www.w3schools.com/php/php_forms.asp.

Answer 2

Как указывалось в других ответах, вам необходим служебный сервер для обработки запроса на сервере.

Если вы хотите работать с PHP, я бы порекомендовал вам получить WAMP для запуска Apache / PHP на вашем компьютере, и вот очень простое руководство: http://www.w3schools.com/php/php_forms.asp

Если выпланируя использовать ASP .NET, вы можете получить программное обеспечение от http://www.asp.net,, и у них также есть очень хорошие учебники на их веб-сайте.

Существуют и другие серверные программы, которые вы также можете использовать, такие как Pythonили рубин.Все дело в том, чтобы исследовать и находить то, что вам нравится.

Answer 3

Прежде всего, я бы посоветовал сравнить форму с ее основными элементами:

<form id="mail_form">
    <input type="text" name="subject" id="subject"/>
    <textarea name="message" id="message"></textarea>
    <input type="submit" name="submit" id="submit" value="Send"/>
</form>

Затем добавьте некоторую семантическую информацию:

<form id="mail_form">
    <label for="subject">Subject:</label>
    <input type="text" name="subject" id="subject"/>

    <label for="message">Message:</label>
    <textarea name="message" id="message"></textarea>

    <input type="submit" name="submit" id="submit" value="Send"/>
</form>

Затем используйте fieldset элементы для сегментирования формы на связанные компоненты:

<form id="mail_form">
    <fieldset class="message">
        <label for="subject">Subject:</label>
        <input type="text" name="subject" id="subject"/>

        <label for="message">Message:</label>
        <textarea name="message" id="message"></textarea>
    </fieldset>

    <fieldset class="submitReset">
        <input type="submit" name="submit" id="submit" value="Send"/>
    </fieldset>
</form>

На данный момент вам нужно добавить информацию к открывающему тегу form, чтобы дать инструкции о том, что вы хотите сделать при отправке, и как:

<form id="mail_form" action="http://path.to.server-side-script.com/script.php" method="post" <!-- or 'get' -->>

После нажатия кнопки отправки (или отправки формы любым другим способом) информация будет отправлена ​​на серверный / серверный сценарий, расположенный по адресу "http://path.to.server -side-script.com / script. PHP».

В отличие от JS, здесь не нужно беспокоиться о политике одного домена, и вы можете (хотя, вероятно, не должны) передавать информацию в любую форму, доступную через ваш браузер. <ч />

Отредактировано в ответ на комментарий (к вопросу) от OP:

... форма не отправляется. Я ищу лучший скрипт для отправки веб-форм.

Вам не нужен скрипт для отправки формы, все, что вам нужно сделать, это добавить атрибуты action и method к открывающему тегу form. Браузер сам позаботится о регистрации. Вам do , однако, необходим скрипт для обработки / обработки формы на вашем сервере. Но это совсем другой вопрос, и он будет нести ответственность только в том случае, если вы сообщите подробности о своих внутренних / серверных ресурсах.

Answer 4

Необходимо указать действие и целевые свойства формы и метод (POST или GET).

Answer 5

Вам нужен "бэкэнд", чтобы сделать эту работу.Обычно это ASP или PHP.

Когда вы нажимаете кнопку «Отправить», ваш браузер отправляет данные на сервер, где код выполняет действия на основе переданных данных.Обычно он хранит эти данные в базе данных.

Вам, вероятно, стоит взглянуть на PHP, в него, вероятно, легче попасть, а стоимость хостинга, как правило, дешевле