How to customize the notifcation message on HTML input tag with required flag

Question

In the HTML input tag, if the required attribute is set to true, the browser shows a notification to fill up the text box. This notification has different style in different browsers. So is there a way to customize the notification style so that it looks same in all browsers?

tryit in different browsers.

Thank you.

possible duplicate of [HTML5 Required input styling](http://stackoverflow.com/questions/5249152/html5-required-input-styling) — Kilian Stinson, Jun 27 '13 at 08:54

score 1 · Answer 1 · answered Jun 27 '13 at 08:55

You could try to do so by using JavaScript to override the behaviour but the most likely result is that people would stop using your site as they are used to the behaviour of the browser that they use all the time and be disconcerted to see something else.

score 1 · Answer 2 · answered Jun 27 '13 at 09:05

1

The required attribute is a feature of HTML5. You may know that HTML5 is not supported by all the browsers (e.g IE7,IE8). So you need to look for alternative JS solution for this.

answered Jun 27 '13 at 09:05

Debajit Mukhopadhyay

4,072
1
17
22

How to customize the notifcation message on HTML input tag with required flag

2 Answers2