Постійний прийом лікарських засобів. Перевірка форми на адекватність даних, що вводяться

Коли мова заходить про депресивний стан, ми уявляємо похмуру, апатичну людину. Його судження негативні, настрій упадницький, самооцінка занижена, а погляди на життя досить сумні.

Але існує і так звана прихована депресія (її ще називають маскованою). Людина, яка перебуває в такому стані, ховає переживання глибоко всередині, часто навіть не усвідомлює, що з нею щось не так. Причину невдач він шукає у зовнішньому світі. Але при цьому відчуває страждання фізичного характеру (розлади роботи шлунка та кишечника, проблеми у статевій сфері, порушення сну, стрибки артеріального тиску та ін.). Часто страждає морально, почувається незадоволеним, поринає у тяжкі думи, намагається уникати оточуючих.

Виходу з цього стану він не бачить, все більше поринаючи в депресивні стани і стреси, проте зовні часто залишається доброзичливою і навіть веселою людиною, часто вдається до дружньої іронії та балагурства.

Розглянемо основні дії та звички, до яких схильні люди у стані маскованої депресії.

Прихована депресія: симптоми та ознаки

  1. Прихована депресія який завжди помітна оточуючим.

    Ознаки прихованої депресії можуть не виявлятися зовні. Люди, які страждають глибоко всередині, стороннім та близьким можуть здаватися цілком спокійними, веселими та задоволеними життям. Вони навчаються ховати свої душевні переживання, щоб не обтяжувати нікого довкола. Часто це гіпервідповідальні люди, які звикли контролювати все. Тим більше, свій стан.

  2. Раптові сплески емоцій.

    Маскована депресія який завжди помітна стороннім, але нерідко проявляється у сльозах чи рідкісних зривах хворого. Якщо ви помітили, що ваш приятель (колега, родич) часто або може нагрубіювати, це може бути симптомом прихованої депресії. Після виплеску емоцій людина заспокоюється, посилаючись на втому, проблеми на роботі та інше. Але правди не розкриває.

  3. Поганий чи надто хороший апетит.

    Люди з неявною депресією часто надто багато чи мало їдять. Нерідко у тих, хто страждає на подібні розлади, буває схильність до відмови від їжі (анорексія), прийняття великої кількості їжі, але швидкого позбавлення від неї (булімія), переїдання. Людина зі схованою депресією намагається компенсувати свої переживання за рахунок гастрономічних експериментів. Якщо ви підозрюєте, що у близької людини прихована депресія, симптоми порушення смакових уподобань та обсягу їжі, що споживається, повинні насторожити. Звичайно, якщо зміни відбулися раптово і не виправдані явними змінами в житті.

  4. Ознака прихованої депресії – порушення сну.

    Людина з подібним психологічним розладом часто швидко засинає, сподіваючись сховатися від хвилювання, але сон його тривожний, пробудження настає занадто швидко. Інший варіант - тривалий сон, людину постійно сонливу, слабку і може спати більше 15 годин на добу.

  5. Постійний прийом лікарських засобів.

    Як лікування депресій застосовуються антидепресанти, успішно проводяться сеанси психотерапії. Але той, хто далеко не завжди переживає глибоку депресію, прагне до відвідування фахівця. Нерідко він сам вигадує собі лікування, хоч це може йому нашкодити. Часом і без ліків людина прагне активно чимось тішити себе, переключитися з обмірковування сумних думок прослуховування улюблених композицій, перегляд фільмів, читання книг, постійні прогулянки.

  6. Зміна настрою.

    Настрій (а часто й поведінка) людей з маскованою депресією змінюється після прийняття спиртного, солодкого, кофеїну та інших продуктів. У тих, хто переживає внутрішню кризу, реакція, наприклад, на алкоголь часто загострена. Випивши зайвого, ці люди ще глибше поринають у важкі роздуми, часто, випиваючи багато, не п'яніють. Шматок торта або з'їдений шоколад їх бадьорять і піднімають настрій набагато краще, ніж здоровим людям.

  7. Синдром нав'язливих станів.

    Часто у людей з депресією спостерігаються: підрахунок чогось (наприклад, людей на вулиці у білому одязі, сторінок у книзі), посмикування бровою (губою, шиєю та ін.), ритмічні стуки предметом (наприклад, столом). Якщо у вашому полі зору є людина, яка робить це, можливо, це говорить про наявність внутрішніх проблем.

  8. Люди з прихованою депресією вкрай вразливі до розставання.

    Спілкування з рідними та друзями – своєрідне рятівне коло для хворих. Однак їм здається, що повідай вони про проблеми, скажімо, друзям, від них негайно відвернуть. Припинять спілкування. Тому люди з розладом такого плану можуть ховати внутрішні переживання через страх втратити коханих людей.

  9. Вони талановиті та здібні, незважаючи на депресію.

    Ті, хто страждає внутрішньою депресією, можуть бути цілком успішними у фінансовому та професійному плані. Часто ці особи талановиті, мають вищу освіту, шановані у суспільстві. Неправильно думати, ніби прихована депресія – доля тих, хто не досяг жодних життєвих благ (не зміг здобути освіту та добру посаду, не має достатньо коштів).

  10. Люди з маскованою депресією постійно шукають сенсу.

    Виснажливі думки щодо мети життя, пошук свого місця у світі не приносять відповіді. Навпаки, особам з депресією стає ще болісніше після роздумів. Як правило, їм недостатньо радіти якимось дрібницям (на кшталт гарного дня на природі). Повсякденні речі можуть трохи порадувати, але не можуть принести задоволення, вони постійно відчувають незавершеність. Крім того, у тих, хто страждає на приховану депресію, нерідкі думки про неминучість смерті. Це не означає, що вони схильні до самогубства, але подібні міркування ніяк не сприяють полегшенню стану.

  11. Психосоматичний біль.

    Люди із прихованими депресіями схильні до психогенних болів. Їх можуть турбувати, наприклад, зубний біль. Але після відвідування стоматолога виявляється, що все гаразд. У них зустрічається головний біль, але причини його не з'ясовуються навіть після обстежень та аналізів. Дивно, але іноді в осіб із депресією немає почуття невдоволення життям. Вони шукають причини пригніченого стану у проблемах зі здоров'ям. Іншими словами, вигадують тілесні болячки, щоб не займатися копанням у власних проблемах.

  12. Відмовки «на благо».

    Особи з розладом подібного плану можуть ретельно приховувати свої переживання від оточуючих. Наприклад, відмовившись від обіду через сумні думки, вони можуть пояснити це тим, що перекусили раніше. Не бажаючи залучати когось у свої проблеми, такі особи вигадують пристойні відмовки, щоб нікого не травмувати своїми сумними думками. І з'являються на публіці лише у гарному настрої, щоб уникнути зайвих питань.

  13. Вони шукають підтримки.

    У деяких випадках людина з прихованою депресією може зробити натяк ближньому про свій душевний біль. Тому якщо у вас є підозра, що у друга чи родича прихована депресія, симптоми її можуть виявлятися у рідкісних відвертих розмовах. Зверніть увагу, якщо з вами поділилися душевним болем.

Як поводитися, якщо у близької людини прихована депресія

Якщо у вашому близькому колі є людина, яка має хоча б деякі з цих ознак, вам потрібно насторожитися. Безперечно, краще звернутися за , але й дії дружньої рятівної бесіди ніхто не скасовував. Прихована депресія розвивається у людей з різних причин. До неї можуть привести і шлюб, і погані стосунки в сім'ї, і переїзд, і зміна місця роботи або посади. Впоратися з внутрішньою депресією набагато складніше, ніж зі звичайною апатією.

Одна з головних проблем у тому, що, перебуваючи в неявній депресії, навіть відчуваючи дискомфорт, людина далеко не завжди готова зізнатися хоча б собі в тому, що їй потрібна психологічна допомога.

Але це не означає, що ситуація безвихідна. Добрі слова, підтримка, надійне плече та своєчасна допомога здатні допомогти навіть тому, хто виявився залученим до приховано-депресивного стану.

Надаючи користувачеві можливість заповнення полів на сайті, слід перевіряти наведені дані на валідність. Це дозволить попередити користувача про випадкові помилки, а також дасть додатковий захист від спаму. Яскравим прикладом є форма зворотного зв'язку, обов'язковими полями якої часто бувають електронна пошта та телефон. Займемося їх перевіркою на правильність заповнення за допомогою JavaScript.

Інформація краще сприймається на прикладах, тому подивимося готову форму у дії:

Будь ласка, заповніть усі поля форми!

Для початку розберемо регулярні вирази, що застосовуються, а повний код форми і javascript функцій я наведу в кінці статті.

Валідність адреси електронної пошти

Розглянемо адресу електронної пошти ( [email protected]). Ось його обов'язкові частини:
  • Назва (test) – один або багато символів;
  • Знак собаки (@);
  • Доменне ім'я поштового сервера (mail) – один або багато символів;
  • Крапка (.);
  • Доменне ім'я першого рівня від двох до п'яти букв.

Складемо регулярний вираз для наших вимог: /^[\w-\.]+@[\w-]+\.(2,4)$/i Розберемо правило частинами:

  1. Регулярний вираз повинен відкриватися та закриватися символами «/». Після символу, що закривається, можна вказати директиву. У нашому випадку такою директивною є «i», яка відключає перевірку букв, що вводяться на регістр. Тобто, стає не важливо, ввели [email protected]» або « [email protected]».
  2. Знаки «^» і «$» позначають початок і кінець рядка, що перевіряється. Якщо їх прибрати, правило поверне позитивний результат навіть якщо на початку або наприкінці електронної адреси поставити заборонені знаки. Тобто при введенні %: [email protected]#6&» функція перевірки поверне позитивний результат, тому що в рядку є послідовність символів, що задовольняє наше правило. Для виключення такої можливості вказуємо, що правило повинне застосовуватися до всього рядка, а не до його частини.
  3. Блок "[\w-\.]+" відповідає за перевірку назви скриньки. У квадратних дужках вказуємо дозволені символи: «w» - всі латинські літери, цифри та знак підкреслення. Також рекомендую додавати знак тире та точку «-\.» . "+" після квадратних дужок вказує на можливість повторення символів - один або багато разів.
  4. Далі йде знак собаки та доменне ім'я поштового сервера - «@[w-]+» . Тут практично те саме, що й у попередньому блоці. Виключаємо лише з набору символів крапку.
  5. Залишилося прописати правило перевірки наявності точки і коректності доменного імені верхнього рівня (ru,com,info). "\. (2,4)". Для позначення знака точки ми вказуємо її із зворотним слішем «\.»
Без нього вона сприйматиметься зарезервованим символом регулярки, що означає можливість наявності її місці будь-якого символу. За точкою має бути доменне ім'я верхнього рівня. Це мінімум 2 латинські літери - «(2,4)».

Розібраний приклад трохи спрощено для кращого сприйняття. У нього є недолік - першим знаком в email не може бути тире або точка, але наведений регулярний вираз цього не враховує. Щоб це виправити, слід його трохи поправити: /^[\w](1)[\w-\.]*@[\w-]+\.(2,4)$/i

Перевірка валідності телефону в javascript

Вишивання є одним із найпоширеніших видів народного мистецтва – рукоділля. Його поява пов'язане з появою першого стібка, зробленого первісними людьми при скріпленні шкіри вбитого мамонта. Звичайно, спочатку з'явилося шиття як потреба. Згодом з'явилася вишивка як декоративне доповнення до шиття. Адже матеріали, з яких створювали одяг, різноманітністю не відрізнялися, а вишивка завжди давала можливість зробити вбрання особливим, несхожим на інші.

Вишивка– це прикраса різних матеріалівабо вже готових виробів орнаментамиабо сюжетними малюнкамиза допомогою ниток (шовкових стрічок, бісеру та інших матеріалів) та голки (вишивальної машини). У різні часи, залежно від рівня цивілізації, використовувалися різні інструменти вишивки. Це були кістяні, бронзові, сталеві та позолочені. голки,кам'яне шило. З удосконаленням інструментів розвивалося і саме мистецтво вишивки, з'явилися нові прийоми, розширились можливості виконання різних малюнків та орнаментів.

На Русі з давніх-давен вишивка була одним із найулюбленішихта поширених видів народно-ужиткової творчості. Усі жінки від малого до великого володіли цим мистецтвом досконало. Завдяки соціальним мережам, зокрема, Instagram, ми маємо можливість торкнутися прекрасного тут і зараз. Сучасна вишивка приймає безліч форм – від гіперреалістичних портретів до єдиного свого роду одягу.

На кого з художників варто передплатити Instagram?

1. Ліза Смирнова

Ліза відома своїми "картинними" вишивками, зробленими в дуже самобутній та експресивній манері. Вона проводить майстер-класи у всьому світі. Розшиває картинами джинсування, сорочки і навіть бюстьє.

Катерина робить гарні вишивки на фатині, також випустила міні-колекцію прозорих футболок із майкою під ними, прикрашених вишивками. Тонкі і, здавалося б, невагоме листя, вишите на одязі, маленькі риби та пташки. Навіть портрет Ван Гога – всі Катини творіння настільки легкі та реалістичні, що просто не віриться, що це вишивка, а не намальовані фарбою картини.

3. Майстерня "31 березня" marchhands

Під псевдонімом "31 березня" ховається Ганна Федорова. Класна та весела дівчина з Саратова. Аня обрала для вишивки вузьку спеціалізацію – вона робить вишивку на брошах, бо вважає, що це універсальний аксесуар, така собі вишенька на торті. Серед Аніних творінь знайдеться і фламінго, що звісив ноги з брошки, і неймовірно ніжні квіткові мотиви. І навіть модні кактуси та монстери.

Марія дебютувала у вишивальному світі у 2017 році та дуже швидко завоювала серця передплатників. У її роботах стільки краси та витонченості! Маша навчалася у художній школі. Згодом закінчила факультет образотворчого мистецтва, кафедра дизайну. Марія сама шиє та розшиває дитячі речі. На сукнях з'являються грайливі зайчики, птахи та просто найніжніші розсипи квітів. А дорослі дівчатка можуть порадувати себе брошкою у виконанні Маші.

Оля - одна з небагатьох, хто вишиває французькими вузликами. Французькі вузлики, а також "фрузелки" або "французики" (так їх ласкаво називають вишивальниці) - це одна з технік вишивки нитками муліне або атласними стрічками. Завдяки французькому вузлику вишивка виглядає більш виразно, набуває обсягу. В Олиних роботах переважають квіткові мотиви, як і в інших вишивальниць, крім ниток у вишивці "беруть участь" стеклярус, бісер та паєтки. Також Оля розписує джинсові куртки та прикрашає вишивкою одяг. Долучитися до прекрасного та навчитися вишивати так само, як Оля, можна на регулярних майстер-класах, які проходять на ВДНГ у Будинку ремесел.

За професією Женя – художник-живописець. Її живопис – декоративний, площинний та контрастний. А її брошки - трохи гротескні, трохи "викликають" і з дуже сміливим посилом. Як наприклад, ця брошка.Євгенія вишиває на оксамиті та щільній бавовні. Прикрашає свої міні-твори штучними перлами та пришивними стразами із кольорового кришталю.

Ну і насамкінець: як ви помітили, у нашій добірці – прості російські дівчата; на жаль, нам не вдалося знайти на просторах інтернету хоча б одного російського чоловіка, який займався б вишивкою. Зате в Англії, в маленькому місті на півночі країни, живе Адам Прітчетт ajpritchettВін створює дивовижні ботанічні вишивки в стилі мінімалізму. Його роботами ми завершимо нашу статтю.

Є стійкий вираз: все, що коли-небудь сталося, має стати книгою. З давніх-давен люди записували за собою історію – придуману і реальну, висловлюючись літературною мовою і описуючи лише сухі факти. І чим доступніше ставало листа, тим більше масово воно вживалося, одержуючи століття від віку все більше свободи і творчого вираження.

Словом "блог" зараз нікого не здивуєш. Здається, що їх ведуть усі. Хтось пише часто, хтось – рідше, але соцмережі так чи інакше впорядковують записи, оформляють їх і структурують в одне ціле, чи то ваша особиста сторінка, чи тематичні записи до спільноти. Простіше кажучи, якщо у вас є ледве активна сторінка в соцмережі, то ви по праву можете вважатися письменником. Але яким?

Тут і криється найцікавіше. При тому факті, що пишуть багато хто, якщо не всі, писати по-справжньому вміють одиниці. Колосально мала кількість авторів, що часто пишуть, замислюється про те, щоб удосконалювати своє ремесло. Не просто писати грамотніше чи цікавіше, а створювати тексти як професійний письменник з повним усвідомленням сенсу вживання великого і могутнього слова. Тому тим, хто пише регулярно, ми радимо стати справжнім профі. Це не тільки розширить і покращить виклад самого автора, а й помалу підніме загальний рівень культури письма. А це вже буде велика віха нової історії.

Creative Writing School

Коротко «про»:Літературні майстерні Creative Writing School були засновані письменником Майєю Кучерською та філологом Наталією Осиповою. В основу концепції школи лягли програми письменницької майстерності, що використовуються в американських та європейських університетах. Всі розробки майстерень є унікальними та створені спеціально для Creative Writing School.

Курси:«Глянець по-людськи: як писати колонки для жіночих журналів», «Сторітелінг: як писати цікаво?», «Як писати дотепно? Пошук дотепності: від поетичних епіграм до книжкових рецензій» та ін.

Тривалість:від 10 тижнів до одноденного інтенсивності.

Вартість:від 4000 руб.

Школа редакторів у дизайн-бюро Артема Горбунова

Коротко «про»:школу ставить на потік підготовку та дає квиток у професію вітчизняним редакторам із чіткими життєвими орієнтирами. Партнери школи виділяють робочі місця для найкращих студентів. Огляд та відбір стажерів відбувається на захисті випускної роботи.

Програма:текст та редактура, друкарня та верстка, інтерфейс та інформація, переговори та відносини, дизайн та право, управління та результати.

Тривалість: учебний план складається з трьох ступенів та триває один навчальний рік.

Вартість: 40000 рублів / ступінь.

Курси "Пунктум"

Коротко «про»:“Пунктум” – невеликий вільний культурний центр, де щодня відбуваються різноманітні заходи: лекції, покази, семінари, концерти, виставки. Основний напрямок - це гуманітарне знання: філософія, мистецтво, культура, мови, музика, кіно, а також майстерні, де можна навчитися конкретним навичкам: малювати, створювати красиві тексти, розмовляти мертвими мовами, грати на гітарі та інше.

Курси:«Майстерня художнього слова: створи героя», експрес-курс Ольги Гаврилиної «Майстерня тексту: від задуму до втілення», «Пейзаж із праскою чи креативна сценаристика, як вона є».

Тривалість:від 1 заняття.

Вартість:від 2500 руб. заняття.

Школа письменницької майстерності Writing-school

Коротко «о»: «Школа письменницької майстерності Writing-School.ru» орієнтована як на початківців, так і авторів – прозаїків, поетів, сценаристів, драматургів і т. д. В даний час школа знаходиться в стадії доопрацювання, але навчальні матеріали вже доступні для вивчення. Планується публікація як авторських курсів школи, так і інших фахівців.

Курси:Джеймс Паттерсон: "Уроки письменницької майстерності", "Хочу стати письменником: початок почав", "Свідоме письменство".

Тривалість:Курси проводяться онлайн, матеріали доступні на сайті.

Вартість:від 1250 руб. курс.

Онлайн-курси у Free Publicity School

Коротко «про»:у Free Publicity School проводять онлайн-курси та тренінги, які допомагають реалізовувати внутрішню потребу людини – потребу виражати себе у світ. З 2014 року провели понад 20 курсів, випускники яких публікуються в таких виданнях, як Forbes, Psychologies, Лайфхакер, Жити цікаво!, Щасливі батьки та багатьох інших.

Курси:"Курс усвідомленого письменства", "Сильний текст", "Пишу книгу щодня", "Особистий бренд" та ін.

Тривалість: 10 днів.

Вартість:від 10000 руб.

Курси при Міжнародній спілкі письменників

Коротко «про»:Міжнародна Спілка письменників (Міжнародна Спілка письменників, поетів, авторів-драматургів та журналістів) є найбільшою у світі організацією професійних письменників. Союз був заснований у 1954 році. Донедавна штаб-квартира організації знаходилася в Парижі, на даний момент основний підрозділ розташований у Москві.

Програма:літературні семінари; лекції з теорії створення літературного твору;
запровадження історію масової літератури; основи продюсування письменника (переговори з видавцем, тонкощі та пастки під час укладання договору); авторське право; зустрічі та майстер-класи із запрошеними письменниками, журналістами, представниками видавництв, літературними критиками, які рецензують прозу у великих ЗМІ.

Тривалість: 3 місяці.

Вартість:очно - 71 100 руб., Дистанційне навчання - 60 000 руб. у семестр.

Однією з найбільш часто зустрічаються практично завдань є реалізація форми зворотний зв'язок. Тобто написання її HTML коду, оформлення її на CSS, створення PHP скрипту, який би обробляв отримані від користувача дані і відправляв їх на нашу пошту, написання JS скрипта, який би перевіряв форму на адекватність даних, що вводяться, захист нашого дітища від спаму, щоб наш поштова скринька не обвалилася від атак ботів.

Всі перелічені вище моменти будуть розглянуті в нашому огляді і детально прокоментовані.

Отже, починаємо створення форми зворотного зв'язку:

HTML

Насамперед ми пишемо HTML код, у ньому задаються поля, які заповнюватиме користувач. Вони ж надалі оформлятимуться. Код форми виглядає так:

< form method= "post" action= "mail.php" > < div class = "left" > < label for = "name" >Ім'я: < input maxlength= "30" type= "text" name= "name" /> < label for = "phone" >Телефон: < input maxlength= "30" type= "text" name= "phone" /> < label for = "mail" >E-mail: < input maxlength= "30" type= "text" name= "mail" /> < div class = "right" > < label for = "message" >Повідомлення: < textarea rows= "7" cols= "50" name= "message" > < input type= "submit" value= "Відправити" />

І візуально вона виглядає зараз так:

Згоден, поки що все негарно і нічого не зрозуміло, але ми тільки почали.

Розглянемо наведений вище код докладно:

  • < form method= "post" action= "mail.php" > …


    Для того, щоб створити форму, необхідно використовувати тег form. Саме він визначає початок та кінець форми для інтерпретатора коду. У нього, як і у будь-якого тега, є цілий набір атрибутів, але обов'язкових для роботи форми всього два, це method (метод відправки запиту на сервер, для форм стандартно використовують post) і action (вказує шлях до файлу-оброблювача форми, саме в цьому файлі буде міститися скрипт на PHP, який після відправлятиме введені користувачем значення нам на пошту, в нашому випадку ми бачимо, що це файл називається mail.php і лежить він у тому ж директорії сайту, що і сторінка, що розглядається нами).

  • < input maxlength= "30" type= "text" name= "name" />


    Далі у нас йдуть інпути. Це власне самі поля форми, у які користувачі будуть вводити необхідну нам інформацію (type="text" говорить про те, що це буде текст). Атрибут maxlength вказує скільки символів може ввести користувач у поле форми. Найважливіший атрибут – це name – він задає ім'я конкретного поля. Саме за цими іменами надалі PHP скрипт оброблятиме інформацію, що надходить до нього. За бажання можна ще задати атрибут placeholder, який виводить усередині поля текст, що зникає при встановленні курсору всередині неї. Однією із проблем плейсхолдера є те, що він не підтримується деякими старими браузерами.

  • < label for = "name" >Ім'я:


    Використовується якщо ми відмовилися від плейсхолдерів. Звичайна підпис поля, атрибут for повідомляє якого конкретно полю відноситься даний підпис. Значенням вказується name поля, що цікавить нас.

  • < textarea rows= "7" cols= "50" name= "message" >


    Як і інпут призначений для введення користувачем інформації, тільки цього разу поле заточене для довгих повідомлень. Rows вказує розмір поля у рядках, cols у символах. Загалом вони задають висоту та ширину нашого поля.

  • < input type= "submit" value= "Відправити" />


    Про те, що це кнопка для відправки форми, нам повідомляє type="submit", а value задає текст, який буде всередині цієї кнопки.

  • < div class = "right" >


    використані лише для подальшого візуального оформлення форми.

CSS

Для того щоб наша форма зворотного зв'язку виглядала презентабельно її потрібно оформити. Для отримання наступного результату:

Ми використовували цей код:

form ( background: #f4f5f7; padding: 20px; ) form . left, form . right ( display: inline- block; vertical- align: top; width: 458px; ) form . right ( padding- left: 20px; ) label ( display: block; font- size: 18px; text- align: center; margin: 10px 0px 0px 0px; ) input, textarea ( border: 1px solid #82858D; pad font- size: 16px; width: 436px; ) textarea ( height: 98px; margin- bottom: 32px; ) input[ type= "submit" ] ( width: 200px; float: right; border: none; color: #fff;

Докладно розписувати CSS я не бачу сенсу, зверну Вашу увагу лише на ключові моменти:

  1. Не варто писати оформлення під кожний тег у формі. Намагайтеся будувати свої селектори так, щоб парою рядків коду оформляти всі необхідні елементи.
  2. Не використовуйте для перенесення рядків та створення відступів зайві теги за типом < br>, < p> і тд, з цими завданнями чудово справляється CSS із властивістю display: block і margin із padding. Більше того, чому не варто користуватися < br> у верстці взагалі можете почитати у статті Тег br, а чи так він потрібен? .
  3. Не варто користуватися табличною версткою для форм. Це суперечить семантиці цього тегу, а пошукові системи люблять семантичний код. Для того, щоб формувати візуальну структуру документа, нам достатньо тегів div, і заданих ним у CSS властивостей display: inline-block (вибудовує блоки в ряд) і vertical-align: top (не дає їм розбігтися по екрану), задаємо їм необхідну висоту і вуаля, нічого зайвого і все так, як нам потрібно.

Для бажаючих заощаджувати свій час на оформленні сайтів можу порадити користуватися CSS фреймворками під час створення сайтів, особливо самописних. Мій вибір у цьому плані - Twitter Bootstrap. Урок з оформлення форм з його використанням можна переглянути.

PHP

Ну ось і настав час зробити нашу форму працездатною.

Заходимо до нашого кореневого каталогу сайту і створюємо там файл mail.php, до якого ми раніше вказували шлях в атрибуті action тега form.

Зрештою його код виглядатиме так:

Ваше повідомлення успішно надіслано \"javascript: history.back()\" >Повернутись назад

" ;
if (! empty ($_POST [ "name" ] ) and ! empty ($_POST [ "phone" ] ) and ! empty ($_POST [ "mail" ] ) and ! empty ($_POST [ "message" ] ) )) ($name = trim (strip_tags ($_POST ["name"])); $phone = trim (strip_tags ($_POST ["phone"])); ) ; $message = trim (strip_tags ($_POST [ "message" ] ) ) ;
Його номер: ". $phone." "
Його пошта: " . $mail .Його повідомлення: " . $ message,);
echo
"Ваше повідомлення успішно надіслано!Ви отримаєте відповідь найближчим часом

$back "

;

\"javascript: history.back()\" >Повернутись назад

" ;

exit;

if (! empty ($_POST [ "name" ] ) and ! empty ($_POST [ "phone" ] ) and ! empty ($_POST [ "mail" ] ) and ! empty ($_POST [ "message" ] ) )) ( //Внутрішня частина оброблювача) else ( echo "Для надсилання повідомлення заповніть усі поля! $back ";

exit;

)

Тут ми прикручуємо перевірку форми на заповнення полів. Як ви здогадалися, у частині $_POST["name"] у лапках ми пишемо значення атрибуту name наших інпутів.

Якщо всі поля заповнені, то скрипт почне обробляти дані у своїй внутрішній частині, якщо хоч одне поле не було заповнене, то на екран користувача виведеться повідомлення з вимогою заповнити всі поля форми echo "Для відправки повідомлення заповніть всі поля! $back" та посиланням для повернення на попередню сторінку, яку ми створили найпершим рядком.

Далі вставляємо у внутрішню частину обробника форми:

$name = trim (strip_tags ($_POST ["name"]));

$phone = trim (strip_tags ($_POST ["phone"]));

$mail = trim (strip_tags ($_POST ["mail"]));

$message = trim (strip_tags ($_POST ["message"])); Таким чином ми очистили дані, що вводяться користувачем, від html тегів і зайвих прогалин. Це дозволяє нам убезпечити себе від отримання шкідливого коду у надісланих нам повідомленнях., Перевірки можна й ускладнити, але це вже за вашим бажанням. Мінімальний захист на серверній стороні ми вже встановили. Подальше ми зробимо на стороні клієнта, використовуючи JS.Повністю відмовлятися від захисту форми на серверній стороні на користь JS не рекомендую, оскільки хоч і вкрай рідко, але трапляються унікуми з відключеним у браузері JS.
if (! empty ($_POST [ "name" ] ) and ! empty ($_POST [ "phone" ] ) and ! empty ($_POST [ "mail" ] ) and ! empty ($_POST [ "message" ] ) )) ($name = trim (strip_tags ($_POST ["name"])); $phone = trim (strip_tags ($_POST ["phone"])); ) ; $message = trim (strip_tags ($_POST [ "message" ] ) ) ;
Його номер: ". $phone." "
Після чищення тегів додаємо відправлення повідомлення: mail ( "пошта_для_отримання_повідомлень@gmail.com") ;

"Лист із адреси_вашого_сайту"

  1. , " Вам написав: " . $name. "
  2. Його повідомлення: "
  3. . $message , < br /> "Content-type:text/html;charset=windows-1251" < br /> Саме цей рядок і займається формуванням та надсиланням повідомлення до нас. Заповнюється вона так: < br /> "пошта_для_отримання_повідомлень@gmail.com" – сюди між лапок вставляєте свою пошту < br /> "Лист з адреси_вашого_сайту" – це тема повідомлення, яке надходитиме на пошту. Можна написати сюди будь-що.
  4. Content-type:text/html;charset=windows-1251 - в кінці йде явна вказівка ​​типу даних, що передається в повідомленні та його кодування.

ВАЖЛИВО!

Кодування вказане у «голові» документа ( < meta http- equiv= "Content-Type" content= "text/html; charset=windows-1251" /> ), кодування з повідомлення Content-type:text/html;charset=windows-1251 і в цілому кодування файлу PHP повинні збігатися інакше в повідомленнях, що одержуються на пошту, замість російських або англійських букв будуть виводитися «кракозябри».

Багато хто не вказує кодування повідомлення, що надсилається явно, але на деяких поштових клієнтах через це надалі можуть виникнути проблеми (на пошту приходять нечитабельні листи), тому я рекомендую її все-таки вказувати.

Перевірка форми на адекватність даних, що вводяться

Щоб користувачі по неуважності не промахувалися полями і заповнювали все коректно варто поставити перевірку даних, що вводяться.

Це можна зробити як на PHP на стороні сервера, так і на JS на стороні клієнта. Я використовую другий варіант, оскільки так людина відразу може дізнатися, що вона зробила не вірно і виправити помилку не роблячи додаткових переходів по сторінках.

Код скрипта вставляємо в тому ж файлі, де у нас розміщується HTML частина форми. Для нашого випадку він виглядатиме так:

< script>function checkForm(form) ( var name = form. name. ) ; if (! n) ( alert ( "Ім'я введене неправильно, будь ласка, виправте помилку"); return false;) var phone = form. phone. value; var p = phone. match(/^[0-9+][0-9-]*[0-9-]+$/); if (! p) (alert (

"Телефон введено неправильно"

); return false;) var mail = form. mail. value;

< form method= "post" action= "mail.php" onSubmit= "return checkForm(this)" >

var m = mail. match(/ ^[ A- Za- z0- 9 ] [ A- Za- z0- 9 \. _- ] * [ A- Za- z0- 9 _] *@ ([ A- Za- z0- 9 ] + ([A-Za-z0-9-] * [A-Za-z0-9] +) * \.


if (! m) (alert (