Feedback Messages HTML

Also known as: Alerts

Tags: content, feedback, forms, help

Messages are a way to provide feedback to users.
Success messages tell people they have successfully completed a task, for example submitted a form.
Error messages let people know that something has gone wrong and it needs to be resolved to complete the task.
Errors and success messages are the most important message types, but sometimes you might need also other types of messages.
Info messages can be used to inform the user about something relevant or to share tips or suggestions.
Warnings should be displayed for example when there is something wrong with the system or the user’s task can’t be fully completed.

JQuery 1.8.2 in use. Note that JavaScript is only editable in the Edit-view .

Useful linksUseful links icon

Comments

  • renoirb March 27, 2012 21:16

    I agree, makes so much sense.

  • dan ridden March 27, 2012 21:44

    Nice work patternry, I'm beginning to find this site really useful. This css pattern library is a great addition. Nice work.

  • Aaron (www) Sept. 3, 2012 07:44

    all this stuff is good if your trying to do hard html code. I find that command c and command v works pretty well too. Its nice to have the hard code too.

  • Marisa Nov. 24, 2014 18:42

    nice pattern. i like it.