Създаване на HTML форма
Ще създадем страница с HTML форма, в която потребителите ще попълват своето име, фамилия, адрес на електронната поща и ще могат да вписват коментари. За целта е необходимо да създадем полета, в които ще се попълват данните.
- Отворете текстовия редактор.
- Създайте нов документ.
- Дайте му наименование form.html.
- Въведете:
<!DOCTYPE html> <html> <head> <title>HTML Form</title> </head> <body> </body> </html>
- Между таговете на HTML елемента body, добавете отварящ и затварящ таг за формата.
<!DOCTYPE html> <html> <head> <title>HTML Form</title> </head> <body> <form action="HandleForm.php"> </form> </body> </html>
Атрибутът action съобщава на сървъра коя страница ще получи и обработи данните от формата (т.е. изпраща данните от формата към съответния .php файл, който ще ги обработи). - Създайте полетата на формата (от ред 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 файл, но ако желаете, можете да съхраните файла с разширение .php и ще получите същия резултат, макар че не сме използвали РНР за създаване на формата. На РНР страниците, скриптът, който не е между таговете се третира като обикновен HTML.
- Бутон RESET е препоръчителен, но е добре да го има във формата.
- Уверете се, че атрибутът ACTION правилно сочи към съществуващ на сървъра файл, защото в противен случай формата няма да се обработи.
В нашия случай файл HandleForm.php се намира в същата директория, в която е и файлът form.html. - Информация за създаване на PHP форма, може да откриете на адрес: http://php.net/
|
Няма коментари:
Публикуване на коментар