HTML for beginners 61: pattern attribute

Опубликовано: 18 Март 2026
на канале: Masterminds Tutorials
1,174
29

Hi there and welcome! 😊 In this video, we will explain to you what is pattern attribute.

pattern attribute is restriction attribute that we use to define valid format that can be entered into input field.
For example, if we have tel input field and if set pattern attribute with value like this:
➡️ pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}"
it means that user can enter values that need to follow pattern:
three digits between 0 to 9 - three digits between 0 to 9 - three digits between 0 to 9.
Of course, you can use any pattern value that you want to set like valid format for that input field.

💻 If you want to learn all about HTML and how to build websites from the scratch check out our course that is currently on amazing discount :
👉https://www.udemy.com/course/draft/34...
🤔 You are not sure? Don't worry we are offering you 30-day money-back if you don't like our course without asking you any questions why.
Beside of that for our course you have:
✔️ Full lifetime access
✔️ Downloadable resources
✔️ Access on mobile and TV
✔️ ASAP answers on your questions etc.

NOTE: Buying of our course you support our channel and we are immensely grateful to you for that! ❤️🙏

📺 For the most recent updates please subscribe on our YouTube channel:
   / @mastermindstutorials7630  

🔔 Hit the notification bell to be notified when videos go live.

👤 You can reach us on social media:
https://www.instagram.com/masterminds...
  / mastermindstut1  

🤝If you want to support our work:
https://www.paypal.com/paypalme/Maste...
  / mastermindstutorials  
Please remember that even little from you means a lot for us. ❤️🙏

❓ Do you have any questions? Feel free to ask us directly on email:
📧 [email protected]

➡️ Please press 👍 button if you like this content and share this video to all that could be interested in this! 🙏

––––––––––––––––––––––––––––––
Music: Spring In My Step - Silent Partner    • Spring In My Step – Silent Partner (No Cop...  
––––––––––––––––––––––––––––––
#HTMLBeginners #HTMLLearnItFromScratch #HTMLInputElement