HTML: събития и форма на елементите

Правилно да разработите уеб ресурс, удобно да поставите елементи на страницата, да използвате работата на професионален дизайнер, опитни познания на координатора на проекта и богат опит в програмирането на интернет - всичко това е много важно. Възстановяването на сайта, прилагането на интелигентна технология за представяне на информация, динамичната система за събития и комфортен диалог са по-важни при няколко поръчки. Основното събитие е пристигането на посетител. Ако посетителят е останал на сайта, той е получил желания резултат и е довел дузина колеги, приятели или случайни познати - сайтът работи добре, "отговаря за техните думи" и извършва необходимите действия.

Спектърът и значението на събитията

HTML събития са добре структурирана концепция. Елементите на страницата могат да генерират събития. Разработчикът има механизъм за разпространение на събития за вмъкване на елементи.


Основните събития не са много, но възможностите за тяхното прилагане и комбинация - много. Реалните задачи изискват формирането на уникални алгоритми за обработка на събития.
Тази таблица показва най-важните събития. В конкретно приложение могат да бъдат актуални и други напълно различни браузъри, например от браузъра: отпечатването на печат, презареждането, съобщението и т.н. За предоставените формуляри: oncontextmenu, onforminput и oninvalid. Има много неща, но за да се съживи сайтът е съвсем достатъчно от тези, посочени в таблицата. Не всички събития трябва да се използват. Например, можете да прекарате собственото си време и да се уверите, че имате достатъчно събития с HTML код: използването на ondblclick не е практично. Особено изненадващо, ondblclick прилича на смартфони и таблети. Както винаги, простота -ключът към успеха. При подаването на информация и обработката на събитията това правило е от първостепенно значение.


Логика на сайта и неговите събития

Основното за сайта - логиката на работата. Използването на всяка популярна система за управление на сайтове (CMS) ограничава разработчика, но ускорява процеса на разработване. Можете да създадете свой собствен уникален диалог с посетител само на сайта "handmade", т.е. направен от "нула", когато създавате своя собствена концепция на сайта, базирана на собственото си фундаментално развитие, а не на външни шаблони, шаблони, рамки и библиотеки:
  • задача - винаги уникални и реални;
  • дизайн и представяне на информация - уникален стил;
  • Процесът на вземане на решения (диалог) е динамичен "интелигентен" комуникационен процес.
  • Всеки, дори и най-добрият CMS винаги налага на разработчика и собственика на сайта свой собствен стил на работа. Не става въпрос за адаптивен диалог с определен посетител (диалогът се приспособява към посетителя), а за използването на сайта, тъй като той е приет в определена област от задачи в "разбирането" на конкретна CMS.
    Например, сайтовете на онлайн магазините са на едно и също лице, когато са направени на някоя от популярните CMS, и никой от тях не може да помогне да се направи разумен избор или на хладилник, или на перална машина, и още повече на компютър. Търсачките никога не дават "интелигентна" екстрадиция. И в двата случая, за да получи желаното, посетителят трябва да мисли сам и сам да взема решения.

    Опростена форма: пример за обработка на събития

    Достатъчно е да използвате изброените HTML събитияда съживиш сайта. Този пример показва обичайния формуляр за вход. Той използва елемента за избор на HTML и събития в елементите div, за да влезе и да го отхвърли.
    Обикновено формулярът за влизане не използва селектора от списъка на работната тема, но в някои случаи е удобно да се използва класификацията на потребителя по категории и разрешения. Например, може да има смисъл, когато нивото на умение на посетителя се генерира от рейтинг на сайт, който дава на посетителя повече права и възможности.

    Характеристики на елементите

    Събитията могат да бъдат присвоени на почти всеки елемент, а ако няма такава възможност, можете просто да контролирате движението на мишката върху екрана. И да изработи необходимите събития.
    Например, на екрана е карта на града. Посетителят ще миксира показалеца, а в отделен прозорец веднага ще има информация за улицата, номера на къщата, обекта и техните характеристики.
    Трябва да се отбележи, че някои елементи по-добре не са оборудвани с манипулатори на събития. По-специално, в горния пример, окачете манипулатора на избраното - не е правилно. Въпреки че, ако е направено съзнателно, програмистът трябва да има представа какво прави. По същия начин можем да кажем за събитията от бутона HTML. Самата форма води до обработката на събитието. Добавянето на тази стандартна обработка към друг манипулатор не обещава. Висящи за обработка на етикет "а" също не е много интересно. Самата връзка създава преход и предизвиква обработката на събитието, допълнителният манипулатор може да създаде несигурност или непредсказуемо поведение.

    Въведениеинформация

    Най-търсеното прилагане на събития върху елементите на формите. HTML входен таг - събития, които позволяват контрол на поведението на посетителите по време на полет. Всяко поле за въвеждане може да проследява събитието: "onblur" - загубата на фокус - и да предприеме стъпка за повторно преброяване на данните във формата, изпращане на информация до сървъра или потвърждаване и връщане на фокуса "на мястото" за правилен вход.
    Получаването на фокуса на "onfocus" също е интересно събитие: можете да предложите на посетителя стойността по подразбиране или да изчислите стойностите на полето, получили фокус, въз основа на съдържанието на други полета.

    Назначаването на манипулатори

    javascript дава възможност на разработчиците да определят манипулаторите на събития в динамиката. Като общо правило, както е показано в примера по-горе, в елемента HTML можете да укажете манипулатор на събития - функция в javascript. Чрез механизма AJAX можете да пренасочите обработката на събития към сървъра. Всъщност, разработчикът може да контролира поведението на посетителя по време на работата на последния, зареждайки необходимата информация, ако е необходимо. Преместването на събитие с мишката или клавиатурата може да доведе до изпращане на заявки до сървъра и промяна на елементите на страницата. Дървото на елементите на DOM страницата не е догма, а не дизайн, създаден, когато HTML страницата е заредена. Всеки манипулатор на събития в HTML маркер може да причини тези тагове да бъдат модифицирани. Това е напълно нормална работа.

    В този пример манипулаторите се възлагат по време на изпълнението на скрипт и когато загубят своята нужда - те се изтриват. javascript ви позволява да създавате не само манипулатори на събития, но също такаDOM елементи. В този случай, има само един проблем: разработчикът трябва да си представите работата на сайта в динамиката. Това е доста трудно. В идеалния случай една добра HTML страница е един единствен маркер, например "Здравей", въпреки че на практика този поздрав може да бъде оборудван със семантиката на уеб ресурс, предметна област или задача.

    Посетителят дойде - и сайтът беше определен със съдържание

    Веднага след като посетителят дойде на сайта, той започва да се формира под него. Това е идеален вариант. Един прост пример: търсачка. Ако посетител вече е бил тук и може да бъде идентифициран уникално, тогава идеалното решение би било незабавно да се издаде не стандартната страница на сайта, а единствения вариант, в който този посетител е завършил предишната сесия.
    HTML събития и възможността за работа с бисквитките дават на разработчика възможността да запомни посетителя и винаги да отговаря на това, което той може да иска. В допълнение към паметта, събитията правят възможно организирането на "отстъпление": отмяната на транзакции - важно допълнение към всеки ресурс. HTML стандартът е "лишен" от паметта, но може лесно да се емулира чрез събития и механизъм AJAX.

    Приоритет на работната логика

    Направете красив и модерен обект - не е проблем. Когато се използва популярната CMS, обикновено става въпрос за 15-20 минути. Въпреки това, има разлика между сайт, направен моментално, и уеб ресурс, за който е изминал месецът, трият или дори една година.
    Клиентът винаги иска всичко наведнъж, но наведнъж - това е просто информация и дизайн. Това не е достатъчно за динамичното привличане на вниманието на клиента. Логика на сайта -Като се вземат предвид интересите на посетителите, HTML събития не се фокусират върху обслужването на страници, а върху определяне на интересите и желанията на клиента. Познайте клиента в лицето и познайте хода на мислите му - добра стратегия за качествен уеб ресурс.

    Свързани публикации