Shulou(Shulou.com)06/02 Report--

Editor to share with you regular expressions and HTML5 new elements of the example analysis, I believe that most people do not know much about it, so share this article for your reference, I hope you will learn a lot after reading this article, let's go to know it!

ProcessOn is an online collaborative drawing platform that provides users with the most powerful and easy-to-use drawing tools!

It is very convenient to simply draw something online and let yourself understand it in detail.

Regular expression

Today's regularities are just learning the simple use of regularities. In front of the powerful tag attributes of HTML5, we don't have to learn javascript before we go to regularization, because HTML5's input tag pattern can achieve tag verification, approximately replacing complex javascript using regular verification forms, and will certainly be completely replaced in the future.

Simple use of regularities:

[0-9] look for any number from 0 to 9.

[aMuz] finds any character from lowercase a to lowercase z.

[Amurz] looks for any character from uppercase A to uppercase Z.

[Amurz] looks for any character from uppercase A to lowercase z.

N {X} matches a string containing a sequence of X n.

N {XQuery Y} matches a string containing a sequence of X or Y n.

N {X,} matches a string containing a sequence of at least X n.

Remember that these can achieve simple regular operations. Such as:

This is a simple verification of any 0 to 9 or a to z or A to Z form with a range of more than 1 character, while required sets this text to be required, otherwise it will be prompted when the form is submitted.

For the specific use of rules, you need to remember the meaning of metacharacters, quantifiers and square brackets.

The pattern attribute specifies the regular matching method, and you can only write the length that matches the regular match.

It is not as convenient as javascript's RegExp object, and cannot set modifiers, that is, global or case-sensitive, etc.

But its function is already very powerful.

Why the modifier cannot be set, because it is a regular expression, and in W3C it is interpreted that pattern is a regular expression, not a string, then the modifier must be omitted, so it cannot set this modifier, it is not error-prone.

Add a little knowledge: match the rules of Chinese

[\ u4e00 -\ u9fa5] this really only matches Chinese.

[^\ X00 -\ xff] this matches all non-ASCII characters, that is, half-width characters in the general sense, and these%! ) (things like that are full-width characters.

Audio and video elements of HTML5

Audio Audio label

Your browser does not support it.

Effect picture:

Its properties are:

If this attribute appears in autoplay autoplay, the audio will play as soon as it is ready.

Controls controls if this property appears, the control is displayed to the user, such as a play button.

Loop loop if this attribute appears, playback restarts whenever the audio ends.

Preload preload if this attribute appears, the audio is loaded when the page is loaded and ready to play. If "autoplay" is used, this attribute is ignored.

The URL of the audio to be played by src url.

Video video tag

Your browser does not support it.

Its properties are:

If this attribute appears in autoplay autoplay, the video will play as soon as it is ready.

Controls controls if this property appears, the control is displayed to the user, such as a play button.

If this attribute appears in loop loop, the playback starts again after the media file has finished playing.

Muted muted specifies that the audio output of the video should be muted.

Poster URL specifies the image to be displayed when the video is downloaded, or before the user clicks the play button.

If this attribute appears in preload preload, the video is loaded and ready to play when the page is loaded. If "autoplay" is used, this attribute is ignored.

The URL of the video to be played by src url.

Width pixels sets the width of the video player.

Height pixels sets the height of the video player.

They all have three formats, one is mp4, one is ogg, and the other is webm. Currently, the supported formats in this area are not perfect.

The above is all the content of the article "sample Analysis of regular expressions and New elements of HTML5". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.