{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как сделать форму обратной связи для сайта HTML, CSS, PHP?","type":"header-three","key":"9d1k1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":46,"style":"BOLD"}],"text":"Один из самых нужных элементов на сайте — это форма обратной связи. Формы используются для сбора данных о пользователях, для связи между пользователем и владельцем сайта, для загрузки файлов и многое другое. Формы — основной атрибут LANDING PAGE. Давайте посмотрим ка сделать простую форму обратной связи используя php.","type":"unstyled","key":"2843k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг первый — делаем форму на HTML","type":"header-two","key":"eouco"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Не буду рассказывать все с нуля, предполагаю что вы уже сделали все необходимое для начала работы, то есть начинаем с того, что у нас в какой-то папке есть три файла:","type":"unstyled","key":"6q4c4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"index.html","type":"unstyled","key":"ehnti"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"style.css","type":"unstyled","key":"30fgb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"post.php","type":"unstyled","key":"7r1gp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":28,"style":"BOLD"}],"text":"Чтобы создать форму, в файл index.html нам нужно поместить следующий код:","type":"unstyled","key":"cc847"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"qikd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В браузере будет примерно следующее:","type":"unstyled","key":"5oijj"},{"data":{"image":{"id":"620ca7380fd37425ef0a7b97"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"e72e0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8d5o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что ж похоже на форму но не красиво. Переходим к CSS.","type":"unstyled","key":"3sfpg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг второй — работаем над стилем формы.","type":"header-two","key":"718np"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":108,"style":"BOLD"}],"text":"Чтобы привести форму в надлежащий вид мы меняем ее style (как подключить файл style.css к сайту). То есть в style.css вносим код:","type":"unstyled","key":"7ovct"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"body {\n font-family: 'Roboto';\n}\nform {\n text-align: center;\n width: 350px;\n}\nh1 {\n font-size: 24px;\n}\ninput {\n margin: 5px;\n height: 25px;\n width: 225px;\n}\n.but {\n margin-left: auto;\n margin-right: auto;\n height: 30px;\n width: 150px;\n}","type":"blockquote","key":"7h9bg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь наша форма имеет такой вид:","type":"unstyled","key":"7ji2l"},{"data":{"image":{"id":"620ca74c23795453c1845e90"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"5e19p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"29a97"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Осталось написать скрипт для отправки сообщения на почту.","type":"unstyled","key":"62ar"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаг третий — PHP скрипт для отправки письма.","type":"header-two","key":"2sna5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":91,"style":"BOLD"}],"text":"Чтобы сайт обрабатывал и оправлял на почту введенную информацию, пишем короткий код в файл post.php:","type":"unstyled","key":"altb8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"2vftk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот скрипт отправит сообщение на почту которую вы укажете в значении переменной $address","type":"unstyled","key":"45jig"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ну что же, мы сделали самую простую форму для сайта, в дальнейшем мы ее будем усовершенствовать и доводить до ума. Я хотел описать лишь общий принцип работы. Если он понятен, то можно двигаться дальше и делать все лучше и лучше, ведь нет предела совершенству.","type":"blockquote","key":"80fpp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e42kk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"RSjHOYmMeT0xON2VS5R0"}],"entityMap":{}},"mentions":[]}

Задайте вопрос и мы вам перезвоним