খেয়াল করে দেখেন তো HTML5 এর এই ইনপুট ফিল্ডগুলা আপনি ব্যবহার করেছেন নাকি?

ফর্ম বানানোর সময় আমরা সাধারণত text, textarea, select, radio, checkbox ব্যবহার করে থাকি। কিন্তু HTML5 এ দারুণ দারুণ কিছু ইনপুট ফিল্ড পাওয়া যায় যেগুলা আমরা সাধারণত ব্যবহার করি না। চলুন দেখি সেগুলা

color

<input type="color" value="#ff0000" />

Date

<input type="date" />

datetime-local

<input type="datetime-local" />

month

<input type="month" />

Week

<input type="week" />

Time

<input type="time" />

range

<input type="range" min="0" max="100" value="50" />

search

<input type="search" placeholder="Search..." />

tel

<input type="tel" placeholder="123-456-7890" />

url

<input type="url" placeholder="https://example.com"/>


এইগুলা ব্যবহার করলে বিভিন্ন অপারেটিং সিস্টেম যেমন উইন্ডোজ, ম্যাক, আইওএস, এন্ডয়েড এ বিশেষ ইউআই সুবিধা পাবেন। যেহেতু নেটিভ সুবিধা পাবেন সেহেতু বেস্ট ইউজার এক্সপেরিয়েন্স পাবেন। তাছাড়া ব্যাকেন্ড এবং ফ্রন্টেন্ডে ভ্যালিডেশন করতে পারবেন সহজেই। কোন লাইব্রেরি ছাড়াই এই কাজগুলা ডিফল্টভাবে পাবেন। সুতরাং স্পেসিফিক কোন কিছু প্রয়োজন হলে নেটিভ ব্যবহার করাটাই ভালো হবে। কোন কিছু মিস করলে জানাবেন। এই পোস্টটি মূলত ভাবানুবাদ করেছি ইংরেজি এই পোস্ট থেকে।

63 Likes

জ্বি ভাই সবগুলোই ব‍্যবহার করি। আগে বিভিন্ন ধরনের জাভাস্ক্রীপ্ট প্লাগিং ব‍্যবহার করতাম, এখন আর তেমন একটা দরকার পরে না

12 Likes

Hm vai sob use korce . but interesting akta missing vai input type hidden

ওটা HTML5 না ভাই। আমি শুধু ফাইভের নতুন গুলা নিয়ে লিখেছি।

2 Likes

জ্বি ভাই ব‍্যবহার করি

শেয়ার করার জন্য ধন্যবাদ! সব ফিচার সবসময় কাজে না লাগলেও, প্রয়োজনে ব্যবহার করা হয়।

এগুলা প্রায়ই ব্যবহার করতে হয়

Jodio sob gula use kora hoe na.but jantam.shere korbar jonno thanx

দারুন! :heart_eyes: :heart_eyes: :heart_eyes: :heart_eyes: :heart_eyes: :heart_eyes: :heart_eyes: :heart_eyes: :heart_eyes: :heart_eyes: :heart_eyes: :heart_eyes:

যদিও কয়েকটা আগে জানা ছিল কিন্তু নতুন শিখলাম অনেক গুলো। ধন্যবাদ।

অনেক ধন্যবাদ, ভাইয়া। নতুন কিছু শিখতে পারলাম।

Input type url ta ajkei dekhlam, but din sheshe egula project e use hobe na, karon user k r o sundor error message dekhate hoi validation er. :slightly_smiling_face:

type="month|week" bade sob gula use kora hoise

সবগুলোই ব‍্যবহার করি! (তবে Week & Month ছাড়া :slightly_smiling_face:) ! ডেট বেশি ব্যাবহার করা হয়!

Very nice post, Thanks :heart:

হ্যাঁ ভাই করি। ভালোই লাগে।

Vai are we change their style without javascript help ?

Vai can we change their style without javascript help?