Expressions régulières et nouveaux éléments HTML5

ProcessOn est une plateforme de dessin collaborative en ligne qui fournit aux utilisateurs les outils de dessin les plus puissants et les plus faciles à utiliser

Elle peut facilement dessiner quelque chose en ligne et vous permettre de le comprendre en détail !

Expressions régulières

L'expression régulière d'aujourd'hui consiste simplement à apprendre l'utilisation simple des expressions régulières. Face à la puissance des attributs des balises HTML5, nous n'avons plus besoin d'apprendre le javascript avant d'utiliser des expressions régulières, car le modèle des balises d'entrée HTML5 peut réaliser une vérification des balises, qui peut approximativement remplacer le javascript complexe et utiliser des expressions régulières pour vérifier les formulaires. ce sera certainement le cas à l'avenir. Complètement remplacé.

Utilisation simple d'expressions régulières :

[0-9] trouve n'importe quel nombre de 0 à 9.
[a-z] recherche n'importe quel caractère de a minuscule à z minuscule.
[A-Z] Recherche n'importe quel caractère de A majuscule à Z majuscule.
[A-z] recherche n'importe quel caractère de A majuscule à z minuscule.
n{X} correspond à une chaîne contenant une séquence de
n{X,Y} correspond à une chaîne contenant des séquences X ou Y de n.
n{X,} correspond à une chaîne contenant au moins X séquences de n.

Rappelez-vous que ceux-ci peuvent mettre en œuvre des opérations simples et régulières. Par exemple :

<form action="#">
<input type="text" pattern="[0-9a-zA-Z]{1,}" required>
<input type="submit" value="提交">
</form>

Il s'agit d'une simple validation de formulaire avec une plage de plus d'un caractère de 0 à 9 ou de a à z ou de A à Z, et il est obligatoire de définir ce texte comme champ obligatoire Sinon, vous serez invité à remplir le formulaire lors de sa soumission.

Pour utiliser spécifiquement les règles régulières, vous devez vous rappeler la signification des métacaractères, des quantificateurs et des crochets.

L'attribut pattern spécifie la méthode de correspondance régulière et ne peut écrire que la longueur qui correspond au motif régulier.

Ce n'est actuellement pas aussi pratique que l'objet RegExp de javascript. Il ne peut pas définir de modificateurs, c'est-à-dire définir la sensibilité globale ou la casse, etc.

Mais sa fonction est déjà très puissante.

Et pourquoi le modificateur ne peut pas être défini, car c'est une expression régulière, et l'explication dans le w3c est que le modèle est une expression régulière, pas une chaîne, le modificateur doit être omis, donc il ne peut pas La définition de ce modificateur ne provoquera pas d’erreur.

Connaissances supplémentaires : faire correspondre les expressions régulières chinoises

[u4e00-u9fa5] Cela ne correspond en effet qu'au chinois

[^x00-xff ] Cela correspond à tous les caractères non-ASCII, qui sont des caractères demi-chasse au sens général, et ces %! ) (et autres sont des caractères pleine chasse.

Éléments audio et vidéo HTML5

balise audio audio

<audio controls autoplay loop >
<source src="URL" type="audio/mp4">
<source ssrc="URL" type="audio/ogg">
<p>你的浏览器不支持</p> 
</audio>

Rendu :

Ses attributs :

autoplay autoplay Si cet attribut est présent, l'audio sera joué dès qu'il sera prêt. affiche les commandes à l'utilisateur, comme un bouton de lecture. Boucle S'il est présent, redémarre la lecture à chaque fin de l'audio 🎜>préchargement Si cet attribut est présent, l'audio est chargé lorsque la page est chargée et est prête à être lue. "autoplay" est utilisé, cet attribut est ignoré.

src url L'URL de l'audio à lire.

Ses attributs :

autoplay autoplay Si cet attribut apparaît, la vidéo sera lue immédiatement après qu'elle soit prête. >contrôles contrôles Si cet attribut apparaît, les contrôles, tels que le bouton de lecture, seront affichés à l'utilisateur

boucle boucle Si cet attribut apparaît, la lecture recommence lorsque le fichier multimédia est terminé. en cours de lecture.

<video controls loop muted width="400" height="400" poster="播放前的显示图片URL">
<source src="视频本地地址URL" type="video/mp4">
<source src="视频本地地址URL" type="video/ogg">
<p>你的浏览器不支持</p> 
</video>

poster URL spécifie l'image qui est affichée lorsque la vidéo est téléchargée, ou. l'image affichée avant que l'utilisateur clique sur le bouton de lecture.

preload preload Si cet attribut est présent, la vidéo sera chargée au chargement de la page et est prête à être lue si "autoplay" est utilisé. , ceci est ignoré.

src url L'URL de la vidéo à lire

width pixels Définit la largeur du lecteur vidéo. player.

Ils ont tous trois formats, l'un est mp4, l'autre est ogg et l'autre est webm. Les formats actuellement pris en charge à cet égard ne sont pas assez complets 🎜>

Pour plus d'articles liés aux expressions régulières et aux nouveaux éléments HTML5, veuillez faire attention au site Web PHP chinois !