Le comportement des nouveaux types de formulaire HTML5 peut-il être remplacé?

Question

Je me demandais si quelqu'un savait s'il était possible de remplacer le comportement par défaut des navigateurs qui supportent les nouveaux types d'entrée HTML tels que type = "email" et type = "date"? Je comprends que je pourrais tester si un navigateur supporte un type d'entrée et fournir une solution de repli pour les navigateurs qui ne le font pas, mais ce que je veux savoir, c'est qu'il existe un moyen d'empêcher ce comportement par défaut de se produire dans navigateurs qui le font le supportent? Par exemple, si dans Opera je veux utiliser le type d'entrée de date, mais je ne veux pas que Opera affiche le datepicker natif (c'est-à-dire que je veux le remplacer par mon propre custom) est-ce possible? Y a-t-il des événements DOM déclenchés comme onDatePickerShow que l'on peut accrocher?

Je ne crois pas que ce soit possible, mais si quelqu'un sait avec certitude d'une façon ou d'une autre, j'aimerais avoir de vos nouvelles.

Answer 1

input type=date sans datepicker est presque le même que input type=text. Si vous souhaitez conserver la validation, vous pouvez utiliser l'attribut pattern à la place.

Il n'y a aucun moyen de personnaliser look'n'feel du sélecteur de date standard. Il n'y a aucun événement pour le sélecteur. Spec ne définit aucune interface utilisateur pour les sélecteurs. Considérez comment les sélecteurs peuvent être très différents - comparez celui que vous obtenez sur le bureau avec sélecteur sur l'iPhone.

Dans le futur CSS pourrait obtenir des pseudo-classes pour certaines personnalisations de sélecteur de date (et sélecteur de fichier), mais actuellement c'est tout ou rien.

Answer 2

Disable validation of HTML5 form elements

Si vous ajoutez un attribut novalidate, alors, par exemple, vous pouvez entrer un e-mail sans @

Cela ne semble désactiver la validation HTML5 côté client.