Text Input elementi, belirli formatlara uygun veri girişini sağlamak amacıyla maskeleme işlemlerini destekler. Böylece kullanıcıdan gelen verilerin doğru ve tutarlı formatta olması garanti altına alınır.
Temel Mask Sembolleri
- 9: Rakam (0-9)
- a: Harf (A-Z, a-z)
- *: Alfanümerik karakter (A-Z, a-z, 0-9)
Örnek Maske Formatları
- 99/99/9999: Tarih biçimi (örn. 01/01/2023)
- (999)-999-9999: Telefon numarası (örn. (555)-555-1234)
- $999,999.00: Para birimi (örn. $123,456.00)
- aaaa9999: Harf ve sayı karışımı (örn. ABcd2025)
- ***-***: Seri numarası formatı (örn. aZ3-bT7)
- AA 9999: Plaka formatı (örn. TR 1234)
Ülke Bazlı Telefon Formatları
- Türkiye: 999 999 99 99
- Almanya: +49 99 999 99
- Fransa: 9 99 99 99 99
Uygulama Adımları
- Elements panelinden Text Input elementini sayfaya sürükleyin.
- Sağ taraftaki Properties panelinden Mask bölümünü açın.
- Mask → Fixed Value alanına:
- Manuel olarak bir maske formatı girin,
- veya veri tabanından gelen bir değer bağlayın.
Maskeleme ayarlarını yaptıktan sonra önizleme alarak sonucu test edebilirsiniz.