آموزش HTML
بستن دسته بندی
دسته بندی ها ( ۱۰۴ آموزش )
لیست همه کلیدهای این موضوع
نمایش دسته بندی ها (۱۰۴ آموزش)
مباحث اولیه، در HTML
مباحث اولیه، در HTML
24
نمایش متن (Text)، در HTML
نمایش متن (Text)، در HTML
16
نمایش عکس (Image)، در HTML
نمایش عکس (Image)، در HTML
6
لینک ها (Link)، در HTML
لینک ها (Link)، در HTML
2
فهرست ها (لیست ها - List)، در HTML
فهرست ها (لیست ها - List)، در HTML
1
جدول ها (Table)، در HTML
جدول ها (Table)، در HTML
7
فرم ها (Form)، در HTML
فرم ها (Form)، در HTML
21
کلاس های (Class) عنصرها، در HTML
کلاس های (Class) عنصرها، در HTML
1
id عنصرها، در HTML
id عنصرها، در HTML
0
چیدمان عنصرها (Element) در کنار هم، در HTML
چیدمان عنصرها (Element) در کنار هم، در HTML
2
تعیین مشخصات کلی صفحه (Page)، در HTML
تعیین مشخصات کلی صفحه (Page)، در HTML
7
ساختار کلی و بخش بندی صفحه (Page)، در HTML
ساختار کلی و بخش بندی صفحه (Page)، در HTML
2
نمایش یا عدم نمایش عنصرها (Element)، در HTML
نمایش یا عدم نمایش عنصرها (Element)، در HTML
1
عناصر گرافیکی، در HTML
عناصر گرافیکی، در HTML
1
رنگ ها (Color) و تعیین رنگ، در HTML
رنگ ها (Color) و تعیین رنگ، در HTML
1
دکمه ها (Button)، در HTML
دکمه ها (Button)، در HTML
2
پخش صدا (Audio)، در HTML
پخش صدا (Audio)، در HTML
1
کار با کیبورد (Keyboard)، در HTML
کار با کیبورد (Keyboard)، در HTML
2
اطلاعات و پردازش اطلاعات، در HTML
اطلاعات و پردازش اطلاعات، در HTML
1
مباحث عمومی، در HTML
مباحث عمومی، در HTML
6

ساخت تعدادی گزینه از پیش تعریف شده برای تگ ورودی input در فرم (Form) (با حفظ امکان نوشتن ورودی دلخواه)، با تگ datalist ، در HTML

همان طور که می دانید، تگ input در HTML ، برای دریافت ورودی از کاربر، در فرم ها (Form) به کار می رود. گاهی اوقات نیاز داریم علاوه بر اینکه کاربر بتواند همانند حالت عادی، متن دلخواه خود را به عنوان ورودی در تگ input وارد کند، همچنین این امکان وجود داشته باشد که از تعدادی گزینه (ورودی) از پیش تعریف شده، یکی را انتخاب نماید.

برای این منظور، می توانیم از تگ datalist در HTML ، استفاده نماییم. به عنوان مثال :

در کد بالا، در تگ input مورد نظرمان، با مشخصه list ، نام id مربوط به تگ datalist را مشخص کرده ایم (تا اطلاعات آن خوانده شود) :

سپس در تگ datalist ، که id آن برابر city می باشد، گزینه های (ورودی های) مورد نظرمان را با تگ های option به صورت زیر تعریف نموده ایم :

همین کد را در یک مثال کامل به کار می بریم :

مثال

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

نتیجه :

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

کپی برداری توسط سایر وب سایت ها، ممنوع بوده و پیگرد قانونی دارد. (بیشتر بدانید)

نویسنده علیرضا گلمکانی
شماره کلید 26360
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 1 1 0
a409
۱۳۹۸/۱۲/۲۴
۱۹:۱۳

سلام و درود به شما این کدی که شما نوشتید مشکل کاملا اساسی داره
وقتی که روی اون پیکان سمت راست کلیک میکنیم منو باز میشه ولی وقتی صفحه رو بالا و پایتخت میکنی ردی صفحه میمونه

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

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو


راهنمای تگ های HTML

راهنمای تگ های HTML بر اساس حرف اول تگ :

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z