ホームページ  >  記事  >  ウェブフロントエンド  >  正規表現と新しい HTML5 要素

正規表現と新しい HTML5 要素

高洛峰
高洛峰オリジナル
2017-01-11 17:03:192184ブラウズ

ProcessOn は、最も強力で使いやすい描画ツールをユーザーに提供するオンライン共同描画プラットフォームです。

オンラインで簡単に描画し、それを詳細に理解できるようにします。

正規表現

今日の正規表現は、正規表現の簡単な使い方を学ぶことです。 HTML5 タグ属性の強力な機能に直面して、正規表現を使用する前に JavaScript を学習する必要はなくなりました。これは、HTML5 入力タグのパターンによってタグ検証が実現され、複雑な JavaScript をほぼ置き換え、正規表現を使用してフォームを検証できるためです。将来的には完全に置き換えられるでしょう。

正規表現の簡単な使用:

[0-9] は、0 から 9 までの任意の数値を検索します。
[a-z] は、小文字の a から小文字の z までの任意の文字を検索します。
[A-Z] 大文字の A から大文字の Z までの任意の文字を検索します。
[A-z] は、大文字の A から小文字の z までの任意の文字を検索します。
n{X} は、次のシーケンスを含む文字列と一致します。
n{X,Y} は、n の X または Y シーケンスを含む文字列と一致します。
n{X,} は、少なくとも X 個の n シーケンスを含む文字列と一致します。

簡単な通常の操作を実装するには、これらを覚えてください。例:

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

これは、0 ~ 9、a ~ z、または A ~ Z の 1 文字以上の範囲を持つ単純なフォーム検証であり、このテキストを必要に応じて設定することが必須です。それ以外の場合は、送信時に表示されます。フォームに入力するように求めます。

特に通常のルールを使用するには、メタキャラクター、数量詞、角括弧の意味を覚えておく必要があります。

正規表現と新しい HTML5 要素

pattern属性は正規のマッチング方法を指定しており、正規のパターンに一致する長さのみを記述できます。

現時点では、JavaScript の RegExp オブジェクトほど便利ではありません。修飾子を設定すること、つまり、グローバルや大文字と小文字の区別などを設定することはできません。

しかし、その機能はすでに非常に強力です。

そして、修飾子を設定できない理由は、正規表現であるためです。w3c の説明では、パターンは文字列ではなく正規表現であり、修飾子は省略する必要があるため、この修飾子を設定することはできません。うまくいかないだろう。

追加の豆知識: 中国語の正規表現

[u4e00-u9fa5] の一致は、中国語

[^x00-xff] のみと一致します。これは、一般に半角文字であるすべての非 ASCII 文字と一致します。そしてこれらの%! ) (などは全角文字です。

HTML5 audio 要素と video 要素

audio オーディオタグ

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

Rendering:

正規表現と新しい HTML5 要素

その属性:

autoplay autoplay この属性が表示される場合、オーディオは準備が整うとすぐに再生されます。

controls 存在する場合、再生ボタンなどのコントロールを表示します。

loop この属性が存在する場合、オーディオが終了するたびに再生を再開します。 、「自動再生」が使用されている場合、オーディオは無視されます。

src url

<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>

の属性:

autoplay この属性が存在する場合、ビデオは準備が整うとすぐに再生されます。

正規表現と新しい HTML5 要素controls コントロール この属性が存在する場合、再生ボタンなどのコントロールがユーザーに表示されます。この属性が存在すると、メディア ファイルの再生が終了した後に再生が再開されます。


muted muted は、ビデオの音声出力をミュートすることを指定します。


ポスター URL は、ビデオのダウンロード時に表示される画像を指定します。または、ユーザーがクリックして再生すると、ボタンの前に表示される画像。


この属性が存在する場合、ページの読み込み時にビデオが読み込まれ、再生の準備が整います。


src 再生されるビデオの URL


width ピクセルはビデオプレーヤーの高さを設定します。 3 つの形式があります: 1 つは mp4、1 つは ogg、1 つは webm です。この点でサポートされている形式は十分ではありません


上記は、エディターによって導入された正規表現と新しい HTML5 要素です。ご質問がございましたら、メッセージを残してください。すぐに返信させていただきます。PHP 中国語 Web サイトにご注目ください。正規表現と HTML5 の新しい要素に関連する記事をさらにご覧ください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。