Logo HTML5
1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek (głosów: 2, średnia ocena: 5,00)
Loading ... Loading ...

Atrybut pattern

Atrybut pattern służy do określania wyrażenia regularnego według którego ma być sprawdzana poprawność danych wprowadzonych w polu input formularza. W atrybucie title można umieścić dodatkowe informacje objaśniające działanie zastosowanego wzorca, które mogą zostać wyświetlone (np. w chmurce), gdy użytkownik wpisze niedozwoloną wartość. Atrybut pattern ma zastosowanie tylko do elementu input typu text, search, tel, url oraz email.

Przykłady użycia

Element formularza przyjmujący tylko ciągi składające się z jednej cyfry i trzech wielkich liter
<label>Numer części:
<input pattern="[0-9][A-Z]{3}" name="part"
title="Numer części musi się składać z cyfry i trzech wielkich liter."/>
</label>

Składnia atrybutu pattern

<input pattern="wyrażenie_regularne" />

Elementy związane z atrybutem pattern

Atrybut pattern dotyczy elementu input.

Wartości atrybutu pattern

Wartość Opis
wyrażenie_regularne Wyrażenie regularne, wg którego ma być sprawdzana treść wprowadzona przez użytkownika w polu formularza. Wyrażenie to musi być zgodne z normą języka JavaScript opisaną w specyfikacji ECMA 262, edycja 5.1 w podrozdziale 15.10

Obsługa atrybutu pattern przez przeglądarki

Firefox Chrome Opera Safari Internet Explorer

Różnice między HTML 4.01 a HTML 5

Atrybut pattern jest nowością języka HTML 5.

Inne artykuły poruszające podobny temat

Formularze HTML5

Fort.js — prosty skrypt do tworzenia nowoczesnych formularzy

pojazd-hexgl

Niesamowity pokaz możliwości technologii WebGL

Pasek z nadanymi stylami

Element progress HTML5

Ikona kalkulatora

Element output – wynik obliczeń

Logo HTML5

HTML5 i Canvas 2D przechodzą w fazę rekomendacji kandydujących

Programming Windows 8 Apps with HTML, CSS, and JavaScript

Darmowy e-book Programming Windows 8 Apps with HTML, CSS, and JavaScript

Dodaj komentarz









Newsletter

Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!