What do users in Safari see when there is a date field?

[toolman]

Hi there,

I am wanting to use a date field, similar to this:

W3Schools online HTML editor

So that the user can see the format of the date they need to put in, but I noticed it is not supported by Safari. What would users see when this field is present? Would it just be a blank field without the placeholders?

Thanks

[SamA74]

I don’t have any device with Safari to test. But usually unsupported input types will default to text type.
The problem you then have with dates, is the format the user writes it in.
You could use a placeholder to hint the format, and regex pattern to help constrain it.

[toolman]

Thanks.

Yes I thought about using place holder and forcing the user to enter in the desired format, for example:

DD/MM/YYYY and also keeping the slashes in along with moving to the next part when they have entered it (so if they enter the DD it will then highlight the MM ready for them to type).

[PaulOB]

@toolman

but I noticed it is not supported by Safari. What would users see when this field is present

This is what it looks like on Safari on my iMac.

[chrisofarabia]

It looks very similar on iOS Safari