HTML форми и РНР (Част 1)

Създаване на HTML форма


Ще създадем страница с HTML форма, в която потребителите ще попълват своето име, фамилия, адрес на електронната поща и ще могат да вписват коментари. За целта е необходимо да създадем полета, в които ще се попълват данните.
  1. Отворете текстовия редактор.
  2. Създайте нов документ.
  3. Дайте му наименование form.html.
  4. Въведете:
    <!DOCTYPE html>
    <html>
    <head>
    <title>HTML Form</title>
    </head>
    
    <body>
    
    </body>
    </html>
    
  5. Между таговете на HTML елемента body, добавете отварящ и затварящ таг за формата.
    <!DOCTYPE html>
    <html>
    <head>
    <title>HTML Form</title>
    </head>
    
    <body>
    <form action="HandleForm.php">
    
    </form>
    </body>
    
    </html>
    
    Атрибутът action съобщава на сървъра коя страница ще получи и обработи данните от формата (т.е. изпраща данните от формата към съответния .php файл, който ще ги обработи).

  6. Създайте полетата на формата (от ред 11 до ред 14).
    <!DOCTYPE html>
    <html>
    <head>
    <title>HTML Form</title>
    </head>
    
    <body>
    
    <form action="HandleForm.php">
    
    Име: <input type="text" name="firstname"/><br>
    Фамилия: <input type="text" name="lastname"/><br>
    Имейл: <input type="email " name="email"/><br>
    Коментар: <textarea name="coments"></textarea><br>
    <input type="submit" name="submit" value="Напред >>"/><br>
    <input type="reset" name="reset" value="Изчисти >>"/>
    
    </form>
    </body>
    </html>
    
    Повече информация за HTML формите: https://www.w3.org/TR/html5/

  7. Съхранете файла.
  8. Качете го на сървъра.
  9. Отворете го в браузъра.
Текстовата област (textarea) предоставя на клиента повече място за въвеждане на коментари, отколкото текстовото поле. При създаване на формите избирайте този тип поле, който съответства най-много на информацията, която ще въвежда клиента.

form_2.JPG

  • Създадохме .html файл, но ако желаете, можете да съхраните файла с разширение .php и ще получите същия резултат, макар че не сме използвали РНР за създаване на формата. На РНР страниците, скриптът, който не е между таговете се третира като обикновен HTML.

  • Бутон RESET е препоръчителен, но е добре да го има във формата.

  • Уверете се, че атрибутът ACTION правилно сочи към съществуващ на сървъра файл, защото в противен случай формата няма да се обработи.
    В нашия случай файл HandleForm.php се намира в същата директория, в която е и файлът form.html.

  • Информация за създаване на PHP форма, може да откриете на адрес: http://php.net/

sign.png

Няма коментари:

Публикуване на коментар