قراره بهتون تضمین موفقیت در برنامه‌نویسی و کلی آفر ویژه بدیم 😎 (برای شروع کلیک کن 👉)
۰ ثانیه
۰ دقیقه
۰ ساعت
۲ salman
تغییر حالت پیشفرض input ها
جامعه Html & CSS ایجاد شده در ۱۲ خرداد ۱۴۰۲

سلام وقتتون بخیر

input[type="color"]

چطور میشه کالر مود تغییر بدیم تنظیمات داره یا دستی باید عوض کنیم؟ مورد دیگه اینکه رنگی که انتخاب میشه چطور میشه کد رنگیش رو گرفت؟ (برای فرم بدونیم کاربر چه کد رنگی رو انتخاب کرده؟)

input[type="file"]

برای این نوع اینپوت چطور میشه متن هاش رو فارسی کرد؟ و یا متن دلخواه گذاشت؟

input[type="tel"]

برای این نوع، برای شماره تلفن کاربر باید عدد وارد کنه ولی امتحان کردم متن هم میشه نوشت، حالتش اینجوریه؟ یا راه حلی داره که فقط عدد وارد بشه؟

سلام مجدد

میشه لطفا در مورد این سوال راهنمایی کنید

salman ۲۶ خرداد ۱۴۰۲، ۱۷:۵۷

سلام،

color: هر انتخابی یک کد رنگ داره و زمانی که فرم submit میشه مقدار value تگ به سمت سرور ارسال میشه. این لینک رو ببینید. پیشفرض html بوده و بجز این باید از پلاگین‌های جاوااسکریپت استفاده کنید.


file: با روش‌های جایگزینی بوسیله css و js و jq میتونید انجام بدید. یک نمونه اش میتونید یک label بسازید برای تگ file و لیبل رو نام مناسبی قرار بدید و تگ فایل رو display: none کنید. وقتی روی لیبل مرتبط با تگ کلیک بشه، سلکت فایل هم باز خواهد شد. در موردش میتونید داخل گوگل سرچ کنید روش‌های مختلفی براش اورده شده.


tel: میتونید اتریبیوت pattern بگذارید و الگو رو مشخص کنید و وقتی فرم submit شود، اگر از پترن تبعیت نکند، فرم ارسال نمیشود. ام اگر میخواهید جدای ار پترن، هیچ کاراکتر غیرعددی وارد نشود باید از طریق جاوااسکریپت هندلش کنید. مثلا یک راه حل، اتریبیوت onke yup داخل تگ استفاده کنید:

onke yup="this.value = this.value.replace(/[^0-9]/g, '');"

پ.ن: فاصله بین onke yup نادیده بگیرید. بخاطر ثبت پست بود که خطا نگیره.

محسن موحد ۲۷ خرداد ۱۴۰۲، ۱۳:۲۹