مقالات

فیلدهای بزرگ متنی (<textarea>): برای حرف‌های طولانی! 📝 سلام به همه! وقتی کاربر نیاز داره که متن طولانی‌تری وارد کنه، مثلاً در بخش نظرات، پیام‌ها، توضیحات یا حتی نوشتن یه مقاله کوتاه، کادرهای متن معمولی <input type=”text”> جوابگو نیستن. اینجاست...

فصل ۱۰: کنترل‌های پیشرفته فرم و اعتبارسنجی – حرفه‌ای شو! 😎 سلام به قهرمانان دنیای وب! بعد از ساخت فرم‌های ساده، وقتشه که حرفه‌ای‌تر بشیم و با کنترل‌های پیشرفته‌تر و مهم‌تر از همه، با “اعتبارسنجی” (Validation) آشنا بشیم. اعتبارسنجی یعنی...

عملی: ساخت یک فرم تماس با ما ساده! 💌 خب دوستان گل، وقتشه دست به کار بشیم و با ترکیب تمام چیزهایی که یاد گرفتیم، یه فرم تماس با ما ساده ولی کاربردی بسازیم. فرم تماس با ما یکی از...

انتخابگرها: Radio Button و Checkbox – گزینه‌های دلخواه کاربر! ✅ سلام به همه! امروز می‌خوایم با دو تا از عناصر خیلی پرکاربرد در فرم‌ها آشنا بشیم که به کاربر اجازه می‌دن از بین چند گزینه، یکی یا چند تا رو...

تگ <label> و ارتباط آن با فیلد ورودی: کلید میانبر دسترسی! 🔑 سلام به همراهان همیشگی! توی بحث فرم‌ها، یه موضوع خیلی مهمه که گاهی از قلم می‌افته ولی نقش حیاتی در تجربه کاربری و دسترسی‌پذیری (Accessibility) داره: استفاده درست...

تگ <input> و انواع متداول: آجر سازنده فرم! 🧱 سلام به همه! توی بحث فرم‌ها، تگ <input> یکی از پرکاربردترین و مهم‌ترین تگ‌هاست. فکر کنید مثل یه جعبه ابزار پر از ابزارهای مختلف برای جمع‌آوری اطلاعات از کاربره. با تغییر...

تگ <form> و خصوصیات action و method – کارگردان صحنه فرم! 🎬 سلام دوستای کنجکاو! توی فصل قبلی یه مقدمه کوچیک روی فرم‌ها داشتیم. حالا می‌خوایم عمیق‌تر بشیم و هسته‌ی اصلی فرم‌ها، یعنی تگ <form> و دو تا از مهم‌ترین...

فصل ۹: ایجاد فرم‌های ورودی – جمع‌آوری اطلاعات از کاربران! 📝 سلام دوستای گل! تا اینجا کلی با ساختار صفحات وب، متن‌ها، لینک‌ها، تصاویر و جدول‌ها آشنا شدیم. حالا وقتشه بریم سراغ یکی از مهم‌ترین بخش‌های هر وب‌سایت تعاملی: فرم‌های...

تگ <caption>: عنوان دلنشین جدول! ✒️ سلام به همه! توی هر جدول خوبی، یه عنوان واضح و گویا لازم داریم که به کاربر بگه این جدول در مورد چیه. HTML برای این کار یه تگ ساده ولی خیلی کاربردی به...