HTML-код формы – для курса "IT и программирование"

Очень часто случаются ситуации, когда необходимо на странице поменять один текст на другой. Или добавить куда то на страницу текст, которого там ранее не было, но он там требуется в силу каких то обстоятельств. Например, у вас на странице расположена форма ввода, в которой обязательным является поле с именем. Форма не должна отправиться, пока это поле не будет заполнено каким-либо значением. Как проверить форму на ввод обязательных полей мы уже разобрали ранее. Но там сообщение о том, что необходимо ввести значение, выпадало в виде выскакивающего окошка при помощи фунции alert(). Это работает, но не совсем удобно. Допустим мы хотим, чтобы при возникновении подобной ситуации выскакивало не окошко с сообщением, а непосредственно само сообщение красным цветом появлялось над полем, которое требует чтобы оно было заполненным. Этакая интерактивная подсказка рядом с полем ввода. Чтобы реализовать подобное необходимо НАД полем с вводом имени расположить пустой блок div. При отображении страницы этот тег не будет видно. Но вот если возникла ситуация, когда необходимо уведомить пользователя, то в добавленный ранее div мы выводим сообщение о ошибке, и оно становится видимым на странице. HTML-код формы может выглядеть следующим образом: Это как раз наш невидимый блок для отображения сообщения.