ساخت یک فیلد (Field) در فرم (Form)، به صورت انتخاب کننده رنگ (Color Picker)، با مشخصه type="color" در تگ input ، در HTML

هنگامی که قصد داریم در یک فرم (Form)، کاربر یک رنگ (Color) را انتخاب نماید، باید یک فیلد (Field) از فرم (Form) را به صورت انتخاب کننده رنگ (Color Picker) بسازیم.

برای این منظور، یک تگ input را در فرم (Form) قرار می دهیم که مشخصه type="color" برای آن ذکر شده باشد :

نکته

نمایش صحیح این مورد، بستگی به پشتیبانی مرورگر اینترنت (Browser) کاربر دارد.

به مثال زیر توجه کنید :

مثال

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نکته

چنانچه بخواهیم یک مقدار اولیه (رنگ اولیه) را برای انتخاب کننده رنگ (Color Picker) قرار دهیم، باید کد معادل آن رنگ (Color) را برای مشخصه value در تگ input بنویسیم :

به مثال زیر توجه کنید :

مثال

کد کامل صفحه HTML :

کد رنگ #ff0000 ، کد معادل رنگ قرمز می باشد.

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 26367
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)