ایجاد فرم در HTML لیست کشویی در html چگونه انجام می شود؟ ایجاد گروه هایی از عناصر کشویی لیست فرم ها

با سلام خدمت خوانندگان محترم سایت وبلاگ. به عنوان بخشی از مطالعه پیچیدگی ها، به عنوان کار بعدی، ما به تجزیه و تحلیل جزئیات ایجاد فرم ها در سایت با استفاده از موارد مناسب ادامه خواهیم داد.

امروز یاد خواهیم گرفت که چگونه ایجاد کنیم لیست های کشویی (کشویی).، از جمله با چند گزینه ای، با استفاده از انتخاب و گزینه، نحوه ساخت فیلد متنیاز طریق textarea و همچنین در مورد امکان گسترش عملکرد فرم ها با استفاده از برچسب ها صحبت کنید مجموعه فیلد، برچسب و افسانه.

به شما یادآوری می کنم که هر فرم موجود در صفحه با استفاده از ایجاد شده و برای وارد کردن اطلاعات از کاربر و ارسال آن به سرور در نظر گرفته شده است (مثال -).

متأسفانه ابزارهای زبان نشانه گذاری فرامتن اجازه پردازش مستقیم این اطلاعات را به ما نمی دهند، بنابراین با HTML فقط ظاهر فرم را ایجاد می کنیم و داده های لازم برای پردازش ارسال می شود. برای این منظور، یک فایل ویژه به طور هدفمند در وب سرور ایجاد می شود که به یکی از زبان های سرور (اغلب PHP) نوشته شده است. بگویید، برای بازخورد، می‌توانید یک فایل mail.php ایجاد کنید که کنترل‌کننده خواهد بود.

در استفاده عملی از اطلاعات دریافتی در این نشریه، فراموش نکنید که چگونه باید به نظر برسد، جایی که کدهای همه عناصر صفحه قابل مشاهده، از جمله فرم ها، همیشه در تگ بدنه هستند.

این اطلاعات ضروری است، زیرا حتی اگر از همه ابزارهای توسعه‌دهنده داخلی مدرن استفاده می‌کنید (به شما یادآوری می‌کنم که اولین علامت در اجرای این قابلیت بود)، باید مکانیسم استفاده از تگ‌های اصلی و سپس ویرایش HTML را به وضوح درک کنید. کدی که هر از گاهی نیاز به آن ایجاد می شود، به یک فعالیت سرگرم کننده تبدیل می شود.

2. چندگانه- این ویژگی که هیچ پارامتری ندارد، بر خلاف مثال بالا که می توانید تنها یک عنصر (خط) را انتخاب کنید، امکان انتخاب چندگانه را فراهم می کند. سعی کنید چندین خط در این لیست را به طور همزمان با ماوس انتخاب کنید (یک به یک در هر مکان، با نگه داشتن کلید Ctrl، یا با استفاده از Shift دنبال کردن یک ردیف در یک ردیف):

3. اندازه- ارتفاع لیست کشویی، یعنی تعداد ردیف های نمایش داده شده را تنظیم می کند. اگر ویژگی چندگانه وجود داشته باشد و اندازه مشخص نشده باشد (مانند مثال بالا)، پس به طور پیش فرض چهار خط نمایش داده می شودو به عنوان مثال با size="5" پنج قابل مشاهده خواهد بود:

گزینه Textarea Label Fieldset Legend

4. ضروری(هیچ پارامتری ندارد) - مشخص می کند که قبل از ارسال داده ها به کنترل کننده باید یک انتخاب انجام شود. اگر عنصری از لیست انتخاب نشده باشد، داده های فرم ارسال نمی شود:

گزینه Textarea Label Fieldset Legend

5. فوکوس خودکار(مهم نیست) فوکوس را روی لیست بلافاصله پس از بارگیری صفحه تنظیم می کند. علاوه بر این، اگر کاربر عادت داشته باشد که بیشتر کارها را با کلیدها انجام دهد، این فوکوس از پیش تنظیم شده به انتخاب از لیست با استفاده از فلش های روی صفحه کلید بدون استفاده از ماوس کمک می کند:

6. معلول(بدون پارامتر) - دسترسی به لیست را مسدود می کند (آن را غیرفعال می کند). در عمل، معمولاً همراه با اسکریپت ها در مواردی استفاده می شود که فقط در صورت وجود شرایط خاص نیاز به فعال کردن یک لیست کشویی دارید:

7. فرم- لیست را به یک یا چند فرم که به آن تعلق دارد پیوند می دهد، اما خارج از ظرف است

. در همان زمان، پارامتر در نقش مقدار ویژگی فرم نوشته می شود ویژگی شناسه جهانی، که به تگ فرم اضافه می شود:

از لیست گزینه Textarea Label Fieldset Legend را انتخاب کنید

ویژگی تگ Select را با تگ اصلی برای ایجاد فرم اشتباه نگیرید. در مثال بالا، ویژگی id="data" به تگ form و ویژگی form="data" به تگ select اضافه شده است که این امکان را فراهم می کند تا لیست کشویی را با یک فرم خاص مرتبط کنیم.

ویژگی های تگ گزینه

1. مقدار- مقداری را از لیست کشویی که به سرور ارسال می شود (فرماندهی فرم) تعیین می کند. در واقع، نام به handler ارسال می شود که توسط ویژگی name تگ select تنظیم می شود و مقدار(برای این مثال - 1، 2، 3، 4، 5)، مربوط به خط انتخاب شده از لیست کشویی:

گزینه Textarea Label Fieldset Legend

2. معلول- عنصر لیست کشویی را برای انتخاب مسدود می کند.

گزینه Textarea Label Fieldset Legend

همانطور که از مثال می بینید، خط "Option" غیر فعال است و نمی توان آن را انتخاب کرد.

3. برچسب- محتوای متنی (که مقدار آن است) یکی از عناصر لیست را نمایش می دهد. اگر برچسب وجود داشته باشد، رشته ای که با مقدار این ویژگی یکسان است نمایش داده می شود و محتوای متن داخل تگ گزینه نادیده گرفته می شود. همین اتفاق می افتد اگر محتوای بین کاملا غایب است

تگ Textarea تگ برچسب تگ Fieldset تگ Legend

دیدن. در مثال ارائه شده در بالا، خط اول گزینه در کد خالی است (در سمت چپ جدول)، اما پارامتر label="Option Tag" مشخص شده است، در نتیجه این متن در لیست ظاهر می شود (در سمت راست). خط دوم کد حاوی متن "Textarea Tag" به عنوان محتوای تگ گزینه است، اما لیست کشویی در سمت راست کلمه "Textarea" را نشان می دهد که با مقدار label="Textarea" مطابقت دارد.

4. انتخاب شد- مورد فعلی لیست کشویی را برجسته می کند:

گزینه Textarea Label Fieldset Legend

اگر ویژگی چندگانه وجود داشته باشد، می توان بیش از یک عنصر را انتخاب کرد:

گزینه Textarea Label Fieldset Legend

ویژگی های تگ optgroup

اگر لیست کشویی باید به نحوی مرتب شود، به عنوان مثال، به گروه ها تقسیم شود، برای هر یک از این گروه ها یک کانتینر استفاده می شود که شامل تگ های optgroup باز و بسته می شود که حاوی بخشی از موارد لیست کشویی است. با این حال، دو ویژگی برای سفارشی کردن چنین لیست کشویی وجود دارد.

1. برچسب- نام هر گروه را به عنوان یک پارامتر تنظیم می کند:

گزینه Textarea Label Fieldset Legend

همان، اما با چند و اندازه = "7" از تگ انتخاب:

گزینه Textarea Label Fieldset Legend

2. معلول(بدون مقدار) - انتخاب عناصر گروهی را که در رابطه با آن تنظیم شده است مسدود می کند، علاوه بر این، موارد غیرفعال معمولاً خاکستری می شوند:

گزینه Textarea Label Fieldset Legend

یک ویدیوی کوتاه در اینجا بسیار مفید خواهد بود:

فیلد متنی در فرم از طریق textarea

یکی دیگر از عناصر فرم برای سایت که در نظر خواهیم گرفت فیلدی با قابلیت وارد کردن متن چند خطی در آن است. می توان با استفاده از تگ textarea ایجاد کرد. بدون ویژگی های پیش فرض، اعمال این تگ نتیجه زیر را ایجاد می کند:

متن را وارد کنید:

در فیلد، می‌توانید شکستن خطوط را انجام دهید، در حالی که متن با در نظر گرفتن تغییرات ایجاد شده به کنترل کننده روی سرور منتقل می‌شود. با گرفتن گوشه پایین سمت راست که با دو نوار مورب مشخص شده است، می توان زمین را از نظر عرض و طول کشید.

حالا بیایید سعی کنیم چندین ویژگی با پارامتر به کد اصلی اضافه کنیم:

1. نام- نام ناحیه متن را به عنوان یک مقدار مشخص می کند تا پس از ارسال داده های فرم هنگام پردازش در سرور، آن را شناسایی کند.

2. سرهنگ ها- عرض فیلد، که به عنوان یک پارامتر با تعداد کاراکترهای یکسان که در کنار هم قرار گرفته اند، به صورت افقی تنظیم می شود. مقدار پیش فرض 20 است.

3. ردیف ها- ارتفاع فیلد متن، با تعداد خطوط تعیین می شود. اگر تعداد خطوط متن وارد شده توسط کاربر بیشتر از مقدار مشخص شده توسط این ویژگی باشد، یک نوار اسکرول عمودی در سمت راست ظاهر می شود.

4. بیشترین طول- حداکثر تعداد کاراکترهایی را که می توان در قسمت متن قرار داد را مشخص می کند. در صورت تجاوز از حد مجاز، ورودی بیشتر امکان پذیر نخواهد بود.

در زیر یک مثال با تمام ویژگی‌های بالا آورده شده است، که می‌توانید با قرار دادن تعداد مورد نیاز حروف و خطوط در قسمت متن، تأثیر هر یک از آنها را بررسی کنید (به سادگی می‌توانید همان کاراکتر را چندین بار وارد کنید):

متن را وارد کنید:

5. Minlength- حداقل تعداد کاراکترهایی که باید در قسمت متن وارد شوند را مشخص می کند. اگر کاربر بخواهد متنی با کاراکترهای کمتر ارسال کند، مرورگر پیام کوتاهی با اطلاعاتی نشان می دهد که نیاز به تکمیل محتوای فرم و تعداد کاراکترهایی که قبلاً وارد شده است را ذکر می کند.

7. فقط خواندنی(بدون پارامتر) - اگر این ویژگی به textarea متصل شود، فیلد متن برای تغییر کاربران غیرقابل دسترسی خواهد بود و فقط خواندنی خواهد بود. اما می‌توانید روی آن تمرکز کنید (مکان‌نما را به فیلد ببرید و کلیک چپ کنید)، و همچنین متن را انتخاب و کپی کنید (جزئی یا کامل):

چند ویژگی دیگر که عملکرد اضافی را هنگام پر کردن فیلدها اجرا می کنند:

8. تکمیل خودکار- نشان می دهد که آیا مرورگر باید هنگام پر کردن فرم بر اساس داده های قبلاً وارد شده توسط کاربر، نکاتی را ارائه دهد و امکان درج خودکار متن مناسب را فراهم می کند.

مجموع دارد دو پارامتر: بر(روشن) و خاموش(خاموش شد). در اینجا یک کد مثال است:

این ویژگی، که روی "روشن" تنظیم شده است، تنها زمانی کار می کند که مرورگر وب کاربر، فیلدهای فرم تکمیل خودکار را فعال کرده باشد.

9. بسته بندی کردن- قوانین بسته بندی خط مرورگر را در ناحیه متن با استفاده از سه مقدار تنظیم می کند:

نرم- مجموعه ای از کاراکترها که از نظر عرض در فیلد مناسب نیستند به طور خودکار در یک خط جدید پیچیده می شوند. در همان زمان، پردازنده متن به صورت تک خطی ارسال خواهد شد. در صورتی که کاربر با استفاده از کلید "Enter" متن را در هر مکان دلخواه بپیچد، در هنگام ارسال فرم وب، چنین بسته بندی ذخیره می شود.

متن را وارد کنید:

سخت- اگر متن از نظر عرض در فیلد قرار نگیرد، خط فاصله به طور خودکار انجام می شود و هنگام ارسال به کنترل کننده، مکان های چنین خط خطی ذخیره می شود. این تنظیم فقط در در ارتباط با ویژگی cols:

متن را وارد کنید:

خاموش- غیر فعال کردن خطوط شکسته اگر یک قطعه متن را بدون انتقال مکانیکی با استفاده از کلید "Enter" تایپ کنید، کل متن در یک خط قرار می گیرد و یک نوار اسکرول افقی ظاهر می شود:

متن را وارد کنید:

10. فوکوس خودکار(بدون پارامتر) - هنگامی که صفحه دارای فرم بارگذاری می شود، تمرکز بر روی فیلد متنی را آغاز می کند.

11. معلول- بر خلاف ویژگی readonly (که ویرایش محتویات فیلد را نیز ممنوع می کند، اما تمرکز روی آن را ممکن می کند)، دسترسی به قسمت متن را که معمولاً به رنگ خاکستری رنگ می شود کاملاً مسدود می کند:

با سلام خدمت همه خوانندگان وبلاگم. امروز به شما خواهم گفت که چگونه یک لیست کشویی در html ایجاد کنید، از چه تگ ها و ویژگی هایی باید استفاده کنید، و همچنین برای چه اهدافی ممکن است به آن نیاز داشته باشید.

تگ انتخاب و ایجاد یک لیست کشویی

بنابراین، یک لیست کشویی در html با استفاده از یک برچسب انتخاب جفت ایجاد می شود، که در آن تگ های گزینه های جفت قرار می گیرند. در آنها است که تمام گزینه هایی که با کلیک بر روی لیست ارائه می شوند ثبت می شوند. مثال:

یک حیوان را انتخاب کنید

در این حالت، آنچه بین قسمت باز و بسته شدن گزینه نمایش داده می شود، روی صفحه نمایش داده می شود و مقدار موجود در ویژگی value به سرور ارسال می شود یا با استفاده از یک اسکریپت پردازش می شود.

لیست در html می تواند عادی و با چند گزینه باشد. برای ایجاد امکان انتخاب چندین مورد، باید یک ویژگی چندگانه خالی به انتخاب اضافه کنید. برای انتخاب چند مقدار، نگه دارید ctrlو دکمه سمت چپ ماوس را فشار دهید.

یکی دیگر از ویژگی های مفید اندازه است. این به شما امکان می دهد تعداد ردیف هایی را که در لیست کشویی نمایش داده شوند انتخاب کنید.

یک ویژگی دیگر غیرفعال است. این لیست را برای کلیک و مشاهده موارد غیر قابل دسترس می کند، اما در عین حال در صفحه قابل مشاهده است.

ویژگی html5 مورد نیاز است. در صورت تنظیم، فرم ارسال نمی شود مگر اینکه مقداری از لیست کشویی انتخاب شود. به طور کلی، به یک انتخاب ضروری تبدیل می شود. در حالی که ویژگی در همه مرورگرها کار نمی کند.

ویژگی های تگ گزینه

در واقع، انتخاب فقط به عنوان یک محفظه برای آیتم های لیست عمل می کند، آنها خودشان با استفاده از تگ گزینه تنظیم می شوند. همانطور که قبلاً فهمیدیم یک پارامتر مقدار دارد، اما غیر از این موارد دیگری نیز وجود دارد. برای مثال:
غیرفعال - باعث می شود مورد لیست برای انتخاب در دسترس نباشد. نمایش داده می شود، اما نمی توانید روی آن کلیک کنید.

انتخاب شده - عنصر به طور پیش فرض انتخاب می شود. در یک لیست معمولی، این ویژگی بدون مقدار را می توان تنها به یک آیتم، در یک لیست چندگانه، به چندین مورد تنظیم کرد.

توضیح مهم برای عملکرد صحیح

اگر نتیجه انتخاب باید به سرور ارسال شود یا از طریق اسکریپت پردازش شود، انتخاب را در فرم قرار دهید تا هیچ خطایی رخ ندهد. واقعیت این است که لیست کشویی در ابتدا دقیقاً به عنوان یکی از عناصر فرم ایجاد شده است.

انتخاب برای چیست؟

معمولاً اگر در سایت خود ثبت نام می کنید یا می خواهید نظرسنجی انجام دهید می تواند برای شما مفید باشد. این عنصر یک اشکال دارد - ظاهر آن را به خوبی از طریق css تغییر نمی دهد.

به‌طور پیش‌فرض، وقتی روی فهرست کلیک می‌کنید، یک قاب آبی ظاهر می‌شود، همان رنگ موارد فهرستی را که مکان‌نما روی آن‌ها قرار دارد برجسته می‌کند. به طوری که وقتی کلیک می کنید فریم ظاهر نمی شود یا با رنگ دیگری برجسته می شود، می توانید انتخابگر زیر را بنویسید:

select:focus(
طرح کلی: 1px نارنجی جامد.
}

اکنون قاب نارنجی خواهد بود.

گزینه را نیز می‌توان استایل داد، اما وقتی ماوس را روی یک آیتم نگه می‌دارید، پس‌زمینه آن آبی می‌شود و بنا به دلایلی این تغییر در سبک‌ها تغییر نمی‌کند.

گزینه(
رنگ قهوه ای
پس زمینه: آبی;
}

به هر حال، شاید یکی از شما بداند که چگونه با استفاده از css روی یک آیتم، رنگ پس‌زمینه را تغییر دهد؟

این در واقع همه چیز مربوط به تگ انتخاب و کاربرد آن است. هیچ ویژگی اضافی در html برای آن ارائه نشده است. تمام عملیات های دیگر با آن را می توان با استفاده از جاوا اسکریپت و php انجام داد. به عنوان مثال، اگر شما نیاز به ایجاد یک لیست برای انتخاب سال تولد دارید و ممکن است 80-100 گزینه مختلف وجود داشته باشد، آنها را به صورت دستی نمی نویسید؟

فقط برای این، شما باید از برنامه نویسی، یعنی حلقه استفاده کنید. خوب، خوب، این یک موضوع برای گفتگوی دیگری است، اما برای امروز این تمام اطلاعاتی است که می خواستم به شما بگویم. می توانید با سایر تگ های پایه در html آشنا شوید.

تگ گزینه HTML برای ایجاد یک لیست کشویی استفاده می شود که به کاربر اجازه می دهد یک گزینه را از مجموعه مقادیر از پیش تعریف شده انتخاب کند.

متن قابل مشاهده برای کاربر ممکن است با متن مشخص شده در ویژگی value متفاوت باشد. در اینجا نحوه ایجاد یک لیست کشویی وجود دارد:

لیست کشویی با استفاده از تگ ایجاد می شود گزینه هایی را برای انتخاب با استفاده از یک برچسب تعریف کنید
در برچسب

همچنین می توانید به جای استفاده از ID برای استایل دادن به منوی کرکره ای، یک کلاس CSS تنظیم کنید.

در بخش بعدی، نمونه هایی از نحوه استفاده از لیست کشویی HTML در JavaScript/JQuery را نشان خواهم داد. مثال‌ها نحوه استایل کردن را نیز نشان می‌دهند

با استفاده از ویژگی value

همانطور که قبلا ذکر شد، مقدار مشخصه value می تواند با متن نمایش داده شده در صفحه متفاوت باشد. به عنوان مثال، می توانید نام کشورها یا رنگ ها را برای کاربران نمایش دهید و از کدهای کوتاه در ویژگی value استفاده کنید.

در مثال زیر، یک لیست کشویی با ویژگی مقدار ایجاد می کنیم:

نمایش دمو و کد آنلاین

برای برچسب

نمونه ای از دسترسی به گزینه انتخاب شده در جاوا اسکریپت

حال بیایید نمونه ای از دسترسی به مقدار گزینه انتخاب شده و انجام برخی اقدامات ایجاد کنیم. همان لیستی که در مثال بالا وجود دارد، با انتخاب رنگ ایجاد می کنیم. پس از انتخاب، روی دکمه کلیک کنید تا آن رنگ به سند اعمال شود:

نمایش دمو و کد آنلاین

مقدار گزینه HTML از کد زیر استفاده می کند:

خط کد زیر در جاوا اسکریپت برای دسترسی به مقدار ویژگی مقدار گزینه استفاده می شود مقدار با متن متفاوت است. پس از انتخاب رنگ، jQuery متن قابل مشاهده در هشدار را نمایش می دهد. کد برچسب

در اینجا نحوه دسترسی به این مقدار آمده است گزینه انتخاب HTML جاوا اسکریپت را انتخاب کرد:

var selectedcolor = $("#jqueryselect option:selected").text();

همچنین می توانید با استفاده از روش jQuery $.val() به مقدار دسترسی پیدا کنید:

var selectedcolor = $("#jqueryselect").val();

این خط را در مثال بالا جایگزین کنید و کد به جای متن قابل مشاهده، مقدار کد کوتاه/رنگ را در ویژگی value نمایش می دهد.

نمونه ای از گرفتن مقدار در اسکریپت PHP

در این مثال از دریافت مقدار گزینه انتخاب شده از لیست کشویی، فرم با استفاده از تگ ایجاد می شود

و در اینجا نحوه استفاده از اسکریپت PHP برای بدست آوردن مقدار گزینه انتخاب HTML آمده است:

".$_POST["selphp"].""; } ?>

اگر فرم دارای روش GET است، از آن استفاده کنید آرایه PHP $_GET[“”].

تعریف سبک های کشویی با CSS

حالا بیایید نحوه استایل دادن به لیست کشویی را بررسی کنیم.

در این مثال ما تگ می کنیم

در مرورگر به صورت زیر است:

گروه بندی آیتم های منو

بیایید تگ زیر را در نظر بگیریم A که برای گروه بندی داده های مرتبط در یک لیست کشویی استفاده می شود نام = "سیاه و سفید"> label="whitelist">

در این مثال ما 2 گروه را با تگ انتخاب کرده ایم . ویژگی label عنصر نام گروه انتخابی را به صورت پررنگ مشخص می کند:

در مثال زیر، با استفاده از ویژگی بولی disabled، یک گروه را غیرفعال می کنیم (" گروه B"):

</span>نمونه ای از استفاده از ویژگی غیرفعال یک تگ HTML <optgroup><span>

نتیجه مثال ما:

غیرفعال کردن لیست و انتخاب چندگانه

</span>ویژگی های غیرفعال و چندگانه تگ <select><span>

در این مثال، ما دو لیست کشویی ایجاد کرده ایم. برای لیست اول، از ویژگی disabled استفاده کردیم که از تعامل با لیست جلوگیری می کند (آن را غیرفعال می کند).

برای لیست دوم، از ویژگی چندگانه استفاده کردیم که نشان می دهد امکان انتخاب چندین گزینه در لیست به طور همزمان (از طریق ctrlدر ویندوز و از طریق فرماندر مک).

در مرورگر به صورت زیر است:

ناحیه متن

نتیجه مثال ما:

غیرفعال کردن قسمت متن

بر اساس قیاس با عناصر در نظر گرفته قبلی، برچسب دارای یک ویژگی بولی غیرفعال است که مشخص می کند ناحیه متن باید غیرفعال شود (برای تعامل با کاربر در دسترس نیست). ویژگی را می توان همراه با اسکریپت ها استفاده کرد، به عنوان مثال، تا زمانی که برخی شرایط برآورده شود، عنصر غیرفعال است.</p> <p>بیایید مثالی از استفاده را در نظر بگیریم:</p> <span><!DOCTYPE html> <html> <head> <title> </span>ویژگی های غیرفعال و نام تگ <textarea><span></title> </head> <body> <form> <textarea name = "userInfo" > </span>فیلد متن برای پر کردن موجود است. <span> </span>فیلد متن برای پر کردن در دسترس نیست.

، برای ناحیه اول و دوم، نام های منحصر به فردی را با ویژگی name تنظیم می کنیم. برای قسمت متن دوم، با ویژگی disabled مشخص کردیم که در بارگذاری صفحه غیرفعال شود.</p> <p>علاوه بر این، یک دکمه در داخل فرم قرار دادیم که برای ارسال فرم (عنصر <input>با نوع دکمه "submit form": type = "submit").</p> <p>نتیجه مثال ما:</p> <h2>نکته ابزار ناحیه متن</h2> <p>و به این ترتیب مثال نهایی را در نظر می گیریم و در این آموزش به سراغ کار عملی مقاله می رویم.</p> <p>با تشکر از ویژگی (برچسب HTML <textarea>) می توانید متن اشاره ای را مشخص کنید که مقدار مورد انتظار کاربر را برای وارد کردن به عنصر توصیف می کند.</p> <p>وقتی کاربر یک مقدار (هر کاراکتری) را در قسمت متن وارد می کند، متن راهنمای ابزار پنهان می شود، اگر حذف شود، راهنمای ابزار دوباره نمایش داده می شود.</p> <p>بیایید مثالی از استفاده را در نظر بگیریم:</p> <span><!DOCTYPE html> <html> <head> <title> </span>ویژگی های placeholder و برچسب فقط خواندنی <textarea><span></title> </head> <body> <form> <textarea placeholder = <span>"اطلاعات را در کادر متن وارد کنید"</span>> "فیلد فقط خواندنی است"</span>فقط خواندنی >
type = "submit" name = "submitInfo" value = "(!LANG:submit" > !}

در این مثال، ما دو ناحیه متنی (عنصر ) برای صفت ناحیه اول و دوم یک راهنمایی برای کاربر قرار می دهیم که با رنگ متن کم رنگ در داخل عنصر نمایش داده می شود. برای قسمت متن دوم، با ویژگی readonly، نشان دادیم که فقط خواندنی خواهد بود (محتوا قابل تغییر نیست).</p> <p>توجه داشته باشید که اگر قسمت متن فقط خواندنی باشد، محتوا را نمی توان تغییر داد، اما کاربر همچنان می تواند به محتوا رفته، آن را انتخاب کرده و کپی کند.</p> <p>علاوه بر این، یک دکمه در داخل فرم قرار دادیم که برای ارسال فرم (عنصر <input>با نوع دکمه "submit form": type = "submit").</p> <p>نتیجه مثال ما:</p> <h2>سوالات و وظایف در مورد موضوع</h2> <p>قبل از رفتن به موضوع بعدی، کار عملی را کامل کنید:</p> <ul><li>با استفاده از دانش به دست آمده، فرم زیر را برای پست خالی بنویسید:</li> </ul><p>قبل از ادامه کار، مثال را در یک پنجره جدید باز کنید و فرم را به دقت بررسی کنید تا تمام نکات آن تکرار شود. برای تکمیل کار، به دانشی از مقاله نیاز دارید. اگر آن را از دست دادید، پس برای مطالعه آن برگردید.</p> <p>پس از اتمام تمرین، کد صفحه را با باز کردن مثال در یک پنجره جداگانه بررسی کنید تا مطمئن شوید همه چیز را به درستی انجام داده اید.</p> <p>با استفاده از تگ می توانید یک لیست کشویی در HTML ایجاد کنید <b>انتخاب کنید</b>. علاوه بر لیست کشویی (یا "کشویی")، برچسب <b>انتخاب کنید</b>به شما امکان می دهد یک آیتم لیست را با انتخاب چندگانه ایجاد کنید. نحو برای استفاده از تگ <b>انتخاب کنید</b> HTML به شکل زیر است:</p><p> <select> <option>الکترونیک</option> <option>سیروژکین</option> <option>چیژیکوف</option> <option>کوکوسکینا</option> </select> </p><p>اینجا با برچسب <b>گزینه</b>عناصر لیست داده شده است.</p> <p>نتیجه درخواست:</p><p>الکترونیک Syroezhkin Chizhikov Kukushkina</p><h2>ویژگی های برچسب را انتخاب کنید</h2> <p>ویژگی های برچسب را در نظر بگیرید <b>انتخاب کنید</b>:</p> <ul><li><b>نام</b></li> <li><b>اندازه</b>- تعداد خطوط نمایش داده شده در لیست (تعداد)؛</li> <li><b>چندگانه</b>- شامل عملکرد انتخاب چندگانه از عناصر لیست کشویی است.</li> <li><b>معلول</b>- دسترسی به عنصر را مسدود می کند.</li> <li><b>فرم</b>- به شما امکان می دهد یک لیست کشویی را به یک فرم پیوند دهید (ممکن است لازم باشد اگر خود لیست خارج از فرمی باشد که باید به آن پیوست شود). شناسه فرم به عنوان آرگومان ارسال می شود.</li> </ul><p>شاید اینها همه ویژگی های اصلی تگ باشند <b>انتخاب کنید</b>که بیشتر مورد استفاده قرار می گیرند. حال بیایید ببینیم چگونه با استفاده از ویژگی های مشخص شده، یک لیست کشویی در HTML ایجاد کنیم:</p><p> <html> <head> <title>لیست کشویی با HTML - Nubex</title> </head> <body> <form id="nubexForm" action="do.php"> <input type="submit" value="ارسال" /> </form> <select name="nubexSelect" size="3" multiple form="nubexForm"> <option>الکترونیک</option> <option>سیروژکین</option> <option>چیژیکوف</option> <option>کوکوسکینا</option> </select> </body> </html> </p><h2>ویژگی های تگ OPTION</h2> <p>برچسب بزنید <b>گزینه</b>همانطور که قبلا ذکر شد، به شما امکان می دهد فرزندان لیست کشویی را تعریف کنید <b>انتخاب کنید</b>، که به نوبه خود به عنوان یک ظرف عمل می کند. برچسب بزنید <b>گزینه</b>ویژگی های خاص خود را دارد:</p> <ul><li><b>معلول</b>- ممنوعیت انتخاب این عنصر از لیست را ایجاد می کند.</li> <li><b>برچسب</b>- به شما امکان می دهد یک برچسب برای عنصر فعلی لیست تنظیم کنید (به جای متن مشخص شده در برچسب، مقدار برچسب نمایش داده می شود که به شما امکان می دهد یک مقدار کوتاه شده را نمایش دهید). <b>توجه: ویژگی در مرورگر فایرفاکس پشتیبانی نمی شود</b></li> <li><b>انتخاب شد</b>- مورد لیست فعلی به طور پیش فرض انتخاب می شود.</li> <li><b>مقدار</b>- مقداری که به سرور ارسال می شود.</li> </ul><p>بیایید به یک مورد استفاده پیشرفته برای برچسب نگاه کنیم <b>گزینه</b>:</p><p> <select> <option label="Электроник" value="1" selected>آقای الکترونیک</option> <option>سیروژکین</option> <option disabled>چیژیکوف</option> <option>کوکوسکینا</option> </select> </p><p>نتیجه این مثال به صورت زیر خواهد بود:</p><p>آقای الکترونیک سیروژکین چیژیکوف کوکوشکینا</p><p>وب سایت ساز Nubex توانایی ایجاد فرم های سفارشی با استفاده از ماژول فرم ساز را دارد. کار لیست های کشویی در "Nubex" در مقاله شرح داده شده است:</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> <div style="font-size:0px;height:0px;line-height:0px;margin:0;padding:0;clear:both"></div> </div> <footer> <div class="td-block-row td-post-next-prev"> <div class="td-block-span6 td-post-prev-post"> <div class="td-post-next-prev-content"><span>مقاله قبلی</span><a href="https://obanracer.ru/fa/funkciya-izmeneniya-nika-v-world-of-tanks-kak-pomenyat-nik-v-world-of-tanks.html">چگونه نام مستعار خود را در World of Tanks تغییر دهید و چقدر طول می کشد؟</a></div> </div>  <div class="td-next-prev-separator"></div> <div class="td-block-span6 td-post-next-post"> <div class="td-post-next-prev-content"><span>مقاله بعدی</span><a href="https://obanracer.ru/fa/ne-aktiviruetsya-windows-8-1-na-noutbuke.html">ویندوز 8 فعال نمی شود</a></div>  </div> </div> <div class="td-author-name vcard author" style="display: none"><span class="fn"><a href="https://obanracer.ru/fa/author/iulia">جولیا</a></span></div> <span style="display: none;" itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="Юлия"></span> <meta itemprop="datePublished" content="2016-05-16T15:47:37+00:00"> <meta itemprop="dateModified" content="2016-10-25T16:54:41+00:00"> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="/other/kak-zavyazat-galstuk-foto-poshagovo.html" /><span style="display: none;" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span style="display: none;" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="//obanracer.ru/wp-content/uploads/2017/01/logo-300x100.png"></span> <meta itemprop="name" content="Мой секрет"> </span> <meta itemprop="headline " content="Как завязать галстук пошагово фото"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/wp-content/uploads/2016/05/1-19.jpg"><meta itemprop="width" content="640"><meta itemprop="height" content="450"></span> </footer> </article> <div class="td_block_wrap td_block_related_posts td_uid_3_5a236fb03c961_rand td_with_ajax_pagination td-pb-border-top td_block_template_1" data-td-block-uid="td_uid_3_5a236fb03c961" ><script>var block_td_uid_3_5a236fb03c961 = new tdBlock(); block_td_uid_3_5a236fb03c961.id = "td_uid_3_5a236fb03c961"; block_td_uid_3_5a236fb03c961.atts = '{ "limit":9,"sort":"","post_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","category_id":"","category_ids":"","custom_title":"","custom_url":"","show_child_cat":"","sub_cat_ajax":"","ajax_pagination":"next_prev","header_color":"","header_text_color":"","ajax_pagination_infinite_stop":"","td_column_number":3,"td_ajax_preloading":"","td_ajax_filter_type":"td_custom_related","td_ajax_filter_ids":"","td_filter_default_txt":"\u0412\u0441\u0435","color_preset":"","border_top":"","class":"td_uid_3_5a236fb03c961_rand","el_class":"","offset":"","css":"","tdc_css":"","tdc_css_class":"td_uid_3_5a236fb03c961_rand","live_filter":"cur_post_same_categories","live_filter_cur_post_id":10046,"live_filter_cur_post_author":"694350","block_template_id":""} '; block_td_uid_3_5a236fb03c961.td_column_number = "3"; block_td_uid_3_5a236fb03c961.block_type = "td_block_related_posts"; block_td_uid_3_5a236fb03c961.post_count = "9"; block_td_uid_3_5a236fb03c961.found_posts = "26"; block_td_uid_3_5a236fb03c961.header_color = ""; block_td_uid_3_5a236fb03c961.ajax_pagination_infinite_stop = ""; block_td_uid_3_5a236fb03c961.max_num_pages = "3"; tdBlocksArray.push(block_td_uid_3_5a236fb03c961); </script><h4 class="td-related-title td-block-title"><a id="td_uid_4_5a236fb03e35d" class="td-related-left td-cur-simple-item" data-td_filter_value="" data-td_block_id="td_uid_3_5a236fb03c961" href="#">مقالات مرتبط</a></h4><div id=td_uid_3_5a236fb03c961 class="td_block_inner"> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/ne-poluchaetsya-aktivirovat-windows-8.html" rel="bookmark" title="ویندوز 8 فعال نمیشه"><img width="218" height="150" class="entry-thumb" src="/uploads/00e17651fc60e20ffa8eaf1ad1c49904.jpg" alt="ویندوز 8 فعال نمیشه" title="ویندوز 8 فعال نمیشه"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/fa/category/power-supply/" class="td-post-category">منابع تغذیه</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/ne-poluchaetsya-aktivirovat-windows-8.html" rel="bookmark" title="ویندوز 8 فعال نمیشه">ویندوز 8 فعال نمیشه</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/privyazka-uch-tnoi-zapisi-k-mobilnomu-telefonu-privyazka-akkaunta-k.html" rel="bookmark" title="پیوند دادن یک حساب به ایمیل رایانامه Wot حسابی خریداری کرده است که تلفنی را به نام شما پیوند می دهد"><img width="218" height="150" class="entry-thumb" src="/uploads/fa8df6ed130f6cce48cfb7c7f4a1dc57.jpg" alt="پیوند دادن یک حساب به ایمیل رایانامه Wot حسابی خریداری کرده است که تلفنی را به نام شما پیوند می دهد" title="پیوند دادن یک حساب به ایمیل رایانامه Wot حسابی خریداری کرده است که تلفنی را به نام شما پیوند می دهد"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/fa/category/windows-8/" class="td-post-category">ویندوز 8</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/privyazka-uch-tnoi-zapisi-k-mobilnomu-telefonu-privyazka-akkaunta-k.html" rel="bookmark" title="پیوند دادن یک حساب به ایمیل رایانامه Wot حسابی خریداری کرده است که تلفنی را به نام شما پیوند می دهد">پیوند دادن یک حساب به ایمیل رایانامه Wot حسابی خریداری کرده است که تلفنی را به نام شما پیوند می دهد</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/rar-ili-zip-chto-vybrat-raznica-mezhdu-zip-i-rar-sravnitelnaya.html" rel="bookmark" title="تفاوت بین ZIP و RAR ویژگی های مقایسه ای آرشیوهای فشرده rar"><img width="218" height="150" class="entry-thumb" src="/uploads/a4cc39406f0a0e30f9ae2e202e093124.jpg" alt="تفاوت بین ZIP و RAR ویژگی های مقایسه ای آرشیوهای فشرده rar" title="تفاوت بین ZIP و RAR ویژگی های مقایسه ای آرشیوهای فشرده rar"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/fa/category/windows-8/" class="td-post-category">ویندوز 8</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/rar-ili-zip-chto-vybrat-raznica-mezhdu-zip-i-rar-sravnitelnaya.html" rel="bookmark" title="تفاوت بین ZIP و RAR ویژگی های مقایسه ای آرشیوهای فشرده rar">تفاوت بین ZIP و RAR ویژگی های مقایسه ای آرشیوهای فشرده rar</a></h3> </div> </div> </div> </div> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/whatsapp-dannyi-obekt-bolshe-nedostupen-etot-element-foto-bolshe.html" rel="bookmark" title="Whatsapp این مورد دیگر در دسترس نیست - این مورد عکس دیگر در دسترس نیست Viber تلاش برای تغییر فیلدهای سیستم"><img width="218" height="150" class="entry-thumb" src="/uploads/203eff1de75cdc3a7b7351df2b5a0435.jpg" alt="Whatsapp این مورد دیگر در دسترس نیست - این مورد عکس دیگر در دسترس نیست Viber تلاش برای تغییر فیلدهای سیستم" title="Whatsapp این مورد دیگر در دسترس نیست - این مورد عکس دیگر در دسترس نیست Viber تلاش برای تغییر فیلدهای سیستم"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/fa/category/multimedia/" class="td-post-category">چند رسانه ای</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/whatsapp-dannyi-obekt-bolshe-nedostupen-etot-element-foto-bolshe.html" rel="bookmark" title="Whatsapp این مورد دیگر در دسترس نیست - این مورد عکس دیگر در دسترس نیست Viber تلاش برای تغییر فیلدهای سیستم">Whatsapp این مورد دیگر در دسترس نیست - این مورد عکس دیگر در دسترس نیست Viber تلاش برای تغییر فیلدهای سیستم</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-privyazat-kaban-k-drugoi-pochte-kak-privyazat-pochtu-k-drugoi-pochte.html" rel="bookmark" title="چگونه نامه را به ایمیل دیگری پیوند دهیم"><img width="218" height="150" class="entry-thumb" src="/uploads/8ac105564c075c0dd2c098582f31b47d.jpg" alt="چگونه نامه را به ایمیل دیگری پیوند دهیم" title="چگونه نامه را به ایمیل دیگری پیوند دهیم"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/fa/category/power-supply/" class="td-post-category">منابع تغذیه</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-privyazat-kaban-k-drugoi-pochte-kak-privyazat-pochtu-k-drugoi-pochte.html" rel="bookmark" title="چگونه نامه را به ایمیل دیگری پیوند دهیم">چگونه نامه را به ایمیل دیگری پیوند دهیم</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-polzovatsya-semeinoi-bibliotekoi-google-play-kak-upravlyat-semeinoi.html" rel="bookmark" title="نحوه مدیریت گروه خانواده در Google Family Library google play"><img width="218" height="150" class="entry-thumb" src="/uploads/e59cca17ebacb6372213b5522283a1ad.jpg" alt="نحوه مدیریت گروه خانواده در Google Family Library google play" title="نحوه مدیریت گروه خانواده در Google Family Library google play"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/fa/category/the-winchesters/" class="td-post-category">وینچسترها</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-polzovatsya-semeinoi-bibliotekoi-google-play-kak-upravlyat-semeinoi.html" rel="bookmark" title="نحوه مدیریت گروه خانواده در Google Family Library google play">نحوه مدیریت گروه خانواده در Google Family Library google play</a></h3> </div> </div> </div> </div> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/privyazat-telefon-k-vot-privyazka-akkaunta-k-elektronnoi-pochte.html" rel="bookmark" title="پیوند دادن یک حساب کاربری به ایمیل"><img width="218" height="150" class="entry-thumb" src="/uploads/1cd874bd7d05c52dd7023ade9c0b1bed.jpg" alt="پیوند دادن یک حساب کاربری به ایمیل" title="پیوند دادن یک حساب کاربری به ایمیل"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/fa/category/multimedia/" class="td-post-category">چند رسانه ای</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/privyazat-telefon-k-vot-privyazka-akkaunta-k-elektronnoi-pochte.html" rel="bookmark" title="پیوند دادن یک حساب کاربری به ایمیل">پیوند دادن یک حساب کاربری به ایمیل</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/obzor-besplatnoi-versii-budilnik-besplatnaya-programma-chasy-budilnik-dlya.html" rel="bookmark" title="برنامه ساعت زنگ دار رایگان برای کامپیوتر و لپ تاپ"><img width="218" height="150" class="entry-thumb" src="/uploads/044dc73ad12bbb753e7fb6f1ee1e7ef9.jpg" alt="برنامه ساعت زنگ دار رایگان برای کامپیوتر و لپ تاپ" title="برنامه ساعت زنگ دار رایگان برای کامپیوتر و لپ تاپ"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/fa/category/windows-7/" class="td-post-category">ویندوز 7</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/obzor-besplatnoi-versii-budilnik-besplatnaya-programma-chasy-budilnik-dlya.html" rel="bookmark" title="برنامه ساعت زنگ دار رایگان برای کامپیوتر و لپ تاپ">برنامه ساعت زنگ دار رایگان برای کامپیوتر و لپ تاپ</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-privyazat-pochtu-k-drugoi-pochte-kak-privyazat-pochtu-k-drugoi-pochte.html" rel="bookmark" title="چگونه نامه را به نامه دیگری پیوند دهیم چگونه یک گراز وحشی را به نامه دیگری پیوند دهیم"><img width="218" height="150" class="entry-thumb" src="/uploads/3325cd3648c065ce0225d23cfe5237f5.jpg" alt="چگونه نامه را به نامه دیگری پیوند دهیم چگونه یک گراز وحشی را به نامه دیگری پیوند دهیم" title="چگونه نامه را به نامه دیگری پیوند دهیم چگونه یک گراز وحشی را به نامه دیگری پیوند دهیم"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/fa/category/internet/" class="td-post-category">اینترنت</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-privyazat-pochtu-k-drugoi-pochte-kak-privyazat-pochtu-k-drugoi-pochte.html" rel="bookmark" title="چگونه نامه را به نامه دیگری پیوند دهیم چگونه یک گراز وحشی را به نامه دیگری پیوند دهیم">چگونه نامه را به نامه دیگری پیوند دهیم چگونه یک گراز وحشی را به نامه دیگری پیوند دهیم</a></h3> </div> </div> </div> </div></div></div> </div> </div> <div class="td-pb-span4 td-main-sidebar"> <div class="td-ss-main-sidebar"> <aside class="widget �lambda_169101"> <div style="margin:10px 0"> </div> </aside> <div class="td_block_wrap td_block_1 td_block_widget td_uid_2_5a23c04f0cdc0_rand td-pb-border-top td_block_template_1 td-column-1" data-td-block-uid="td_uid_2_5a23c04f0cdc0"> <div class="td-block-title-wrap"> <h4 class="block-title"><span class="td-pulldown-size">توصیه شده</span></h4> </div> <div id=td_uid_2_5a23c04f0cdc0 class="td_block_inner"> <div class="td-block-span12"> <div class="td_module_4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-smenit-pochtovyi-yashchik-v-world-of-tanks-kak-smenit-pochtovyi-yashchik-v-world-of-tanks.html" rel="bookmark" title="نحوه تغییر صندوق پستی در World of Tanks ایمیل بازی world of tanks"><img width="324" height="235" class="entry-thumb" src="/uploads/17b152a22c8f9edfdef9985750479ea2.jpg" alt="نحوه تغییر صندوق پستی در World of Tanks ایمیل بازی world of tanks" title="نحوه تغییر صندوق پستی در World of Tanks ایمیل بازی world of tanks"/ loading=lazy loading=lazy></a></div> <a href="https://obanracer.ru/fa/category/motherboard/" class="td-post-category">مادربردها</a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-smenit-pochtovyi-yashchik-v-world-of-tanks-kak-smenit-pochtovyi-yashchik-v-world-of-tanks.html" rel="bookmark" title="نحوه تغییر صندوق پستی در World of Tanks ایمیل بازی world of tanks">نحوه تغییر صندوق پستی در World of Tanks ایمیل بازی world of tanks</a></h3> <div class="td-module-meta-info"> </div> <div class="td-excerpt">WORLD OF TANKS یک بازی آنلاین سریع و سریع بر اساس جنگ جهانی دوم است. نبردهای چند نفره شامل زندگی واقعی...</div> </div>  </div> <div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-ustanovit-pokemon-go-na-iphone-i-ipad-esli-ty-zhivesh-v-rossii-kak-skachat-pok-mon-go-v.html" rel="bookmark" title="نحوه دانلود Pokémon GO در روسیه (هم در iOS و هم Android) دانلود برنامه pokemon go در ios"><img width="100" height="70" class="entry-thumb" src="/uploads/c9f8033121fe1a9a7b46e41ab9324538.jpg" alt="نحوه دانلود Pokémon GO در روسیه (هم در iOS و هم Android) دانلود برنامه pokemon go در ios" title="نحوه دانلود Pokémon GO در روسیه (هم در iOS و هم Android) دانلود برنامه pokemon go در ios"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-ustanovit-pokemon-go-na-iphone-i-ipad-esli-ty-zhivesh-v-rossii-kak-skachat-pok-mon-go-v.html" rel="bookmark" title="نحوه دانلود Pokémon GO در روسیه (هم در iOS و هم Android) دانلود برنامه pokemon go در ios">نحوه دانلود Pokémon GO در روسیه (هم در iOS و هم Android) دانلود برنامه pokemon go در ios</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/fa/category/security/" class="td-post-category">ایمنی</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/chem-otkryt-dds-kak-otkryt-fail-dds-na-windows-7.html" rel="bookmark" title="نحوه باز کردن فایل dds در ویندوز 7"><img width="100" height="70" class="entry-thumb" src="/uploads/3b49f25ee2f8049b291a5575fbaa0865.jpg" alt="نحوه باز کردن فایل dds در ویندوز 7" title="نحوه باز کردن فایل dds در ویندوز 7"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/chem-otkryt-dds-kak-otkryt-fail-dds-na-windows-7.html" rel="bookmark" title="نحوه باز کردن فایل dds در ویندوز 7">نحوه باز کردن فایل dds در ویندوز 7</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/fa/category/multimedia/" class="td-post-category">چند رسانه ای</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/chto-takoe-microsoft-visual-foxpro-skachat-programmu-foxpro-skachat-programmu.html" rel="bookmark" title="دانلود نرم افزار foxpro"><img width="100" height="70" class="entry-thumb" src="/uploads/3302289f07ad6fe96b28210743148490.jpg" alt="دانلود نرم افزار foxpro" title="دانلود نرم افزار foxpro"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/chto-takoe-microsoft-visual-foxpro-skachat-programmu-foxpro-skachat-programmu.html" rel="bookmark" title="دانلود نرم افزار foxpro">دانلود نرم افزار foxpro</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/fa/category/graphics-card/" class="td-post-category">کارت های ویدئویی</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/dalnost-svyazi-racii-maus-a-v-vot-chto-daet-raciya-v-world-of-tanks-i.html" rel="bookmark" title="واکی تاکی در World of Tanks چه می دهد و چرا به آن نیاز است"><img width="100" height="70" class="entry-thumb" src="/uploads/331e80b9368d061206717bcc5e78a3e1.jpg" alt="واکی تاکی در World of Tanks چه می دهد و چرا به آن نیاز است" title="واکی تاکی در World of Tanks چه می دهد و چرا به آن نیاز است"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/dalnost-svyazi-racii-maus-a-v-vot-chto-daet-raciya-v-world-of-tanks-i.html" rel="bookmark" title="واکی تاکی در World of Tanks چه می دهد و چرا به آن نیاز است">واکی تاکی در World of Tanks چه می دهد و چرا به آن نیاز است</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/fa/category/ram/" class="td-post-category">رم</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/nastroika-upravleniya-v-droid4x-prevrashchaem-planshet-v-polnocennoe-rabochee.html" rel="bookmark" title="تبلت را با پشتیبانی از صفحه کلید و ماوس به یک محل کار کامل برای بازی های اندروید تبدیل می کنیم"><img width="100" height="70" class="entry-thumb" src="/uploads/22a00e5c0adc7e10d369627fcbdfe47b.jpg" alt="تبلت را با پشتیبانی از صفحه کلید و ماوس به یک محل کار کامل برای بازی های اندروید تبدیل می کنیم" title="تبلت را با پشتیبانی از صفحه کلید و ماوس به یک محل کار کامل برای بازی های اندروید تبدیل می کنیم"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/nastroika-upravleniya-v-droid4x-prevrashchaem-planshet-v-polnocennoe-rabochee.html" rel="bookmark" title="تبلت را با پشتیبانی از صفحه کلید و ماوس به یک محل کار کامل برای بازی های اندروید تبدیل می کنیم">تبلت را با پشتیبانی از صفحه کلید و ماوس به یک محل کار کامل برای بازی های اندروید تبدیل می کنیم</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/fa/category/power-supply/" class="td-post-category">منابع تغذیه</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/nedostatochno-pamyati-v-world-of-tanks-reshenie-problemy-predotvrashchenie.html" rel="bookmark" title="جلوگیری از مشکلات کم حافظه"><img width="100" height="70" class="entry-thumb" src="/uploads/4b37b092fb3a88c4550007c1c2a72132.jpg" alt="جلوگیری از مشکلات کم حافظه" title="جلوگیری از مشکلات کم حافظه"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/nedostatochno-pamyati-v-world-of-tanks-reshenie-problemy-predotvrashchenie.html" rel="bookmark" title="جلوگیری از مشکلات کم حافظه">جلوگیری از مشکلات کم حافظه</a></h3> <div class="td-module-meta-info"> <a href="https://obanracer.ru/fa/category/internet/" class="td-post-category">اینترنت</a> </div> </div> </div> </div> </div> </div> </div> <aside class="widget_text td_block_template_1 widget widget_custom_html"> <div class="textwidget custom-html-widget"> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-container-wrap "> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span4"> <div class="td_block_wrap td_block_15 td_block_widget td_uid_11_5a23980e76adb_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_11_5a23980e76adb" > <div class="td-block-title-wrap"></div><div id=td_uid_11_5a23980e76adb class="td_block_inner td-column-1"><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/prevrashchaem-planshet-v-polnocennoe-rabochee-mesto-nastroika.html" rel="bookmark" title="راه اندازی کنترل در Droid4X نحوه کنترل بازی ها در اندروید از صفحه کلید"><img width="218" height="150" class="entry-thumb" src="/uploads/cb51c9eb42a821b604bfdedade461621.jpg" alt="راه اندازی کنترل در Droid4X نحوه کنترل بازی ها در اندروید از صفحه کلید" title="راه اندازی کنترل در Droid4X نحوه کنترل بازی ها در اندروید از صفحه کلید"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/prevrashchaem-planshet-v-polnocennoe-rabochee-mesto-nastroika.html" rel="bookmark" title="راه اندازی کنترل در Droid4X نحوه کنترل بازی ها در اندروید از صفحه کلید">راه اندازی کنترل در Droid4X نحوه کنترل بازی ها در اندروید از صفحه کلید</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/internet-prodazhi-sposoby-tehnologii-i-instrumenty-marketinga-v-seti-kak.html" rel="bookmark" title="نحوه افزایش فروش در فروشگاه آنلاین: چند توصیه مفید فراخوان برای اقدام"><img width="218" height="150" class="entry-thumb" src="/uploads/ce003d1f3a3d37d64e62510816b0352c.jpg" alt="نحوه افزایش فروش در فروشگاه آنلاین: چند توصیه مفید فراخوان برای اقدام" title="نحوه افزایش فروش در فروشگاه آنلاین: چند توصیه مفید فراخوان برای اقدام"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/internet-prodazhi-sposoby-tehnologii-i-instrumenty-marketinga-v-seti-kak.html" rel="bookmark" title="نحوه افزایش فروش در فروشگاه آنلاین: چند توصیه مفید فراخوان برای اقدام">نحوه افزایش فروش در فروشگاه آنلاین: چند توصیه مفید فراخوان برای اقدام</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/operacionnaya-sistema-ios-chto-eto-takoe-chto-takoe-apple-ios-kratkii.html" rel="bookmark" title="سیستم عامل OS"><img width="218" height="150" class="entry-thumb" src="/uploads/9830df997e610b30713676f7d367fa0d.jpg" alt="سیستم عامل OS" title="سیستم عامل OS"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/operacionnaya-sistema-ios-chto-eto-takoe-chto-takoe-apple-ios-kratkii.html" rel="bookmark" title="سیستم عامل OS">سیستم عامل OS</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/chto-takoe-spam-smotret-chto-takoe-spam-v-drugih-slovaryah-chto-takoe.html" rel="bookmark" title="ببین چیه"спам" в других словарях Что такое спам и как им пользоваться"><img width="218" height="150" class="entry-thumb" src="/uploads/5d0fbf4aff90cbf5a43a19def65222b9.jpg" alt="ببین چیه"спам" в других словарях Что такое спам и как им пользоваться" title="ببین چیه"спам" в других словарях Что такое спам и как им пользоваться"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/chto-takoe-spam-smotret-chto-takoe-spam-v-drugih-slovaryah-chto-takoe.html" rel="bookmark" title="ببین چیه"спам" в других словарях Что такое спам и как им пользоваться">ببینید "هرزنامه" در فرهنگ های دیگر چیست و چگونه از آن استفاده کنید</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/smotret-chto-takoe-spam-v-drugih-slovaryah-chto-takoe-spam-chto-takoe-ne.html" rel="bookmark" title="ببین چیه"Спам" в других словарях"><img width="218" height="150" class="entry-thumb" src="/uploads/fcd9b0458edbbbc86c426caff7554a90.jpg" alt="ببین چیه"Спам" в других словарях" title="ببین چیه"Спам" в других словарях"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/smotret-chto-takoe-spam-v-drugih-slovaryah-chto-takoe-spam-chto-takoe-ne.html" rel="bookmark" title="ببین چیه"Спам" в других словарях">ببینید "هرزنامه" در سایر لغت نامه ها چیست</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/zabyl-parol-na-fleshku-mikro-sd-vdumchivyi-flesh-analiz-kak-snyat-parol-s.html" rel="bookmark" title="رمز عبور micro sd را فراموش کردم"><img width="218" height="150" class="entry-thumb" src="/uploads/8f2c11e11f34d2c7af861c2388eba513.jpg" alt="رمز عبور micro sd را فراموش کردم" title="رمز عبور micro sd را فراموش کردم"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/zabyl-parol-na-fleshku-mikro-sd-vdumchivyi-flesh-analiz-kak-snyat-parol-s.html" rel="bookmark" title="رمز عبور micro sd را فراموش کردم">رمز عبور micro sd را فراموش کردم</a></h3> </div> </div> </div></div></div> <div class="clearfix"></div> </div> <div class="td-pb-span4"> <div class="td_block_wrap td_block_15 td_block_widget td_uid_12_5a23980e79990_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_12_5a23980e79990" > <div class="td-block-title-wrap"></div><div id=td_uid_12_5a23980e79990 class="td_block_inner td-column-1"><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/ispolzovanie-menedzhera-profilei-dlya-sozdaniya-i-udaleniya-profilei-firefox-vse-o.html" rel="bookmark" title="همه چیز درباره نمایه های فایرفاکس: ایجاد، دانلود، حذف نمایه فایرفاکس"><img width="218" height="150" class="entry-thumb" src="/uploads/164b4f8fab84f36a4f9b3ef544ba8768.jpg" alt="همه چیز درباره نمایه های فایرفاکس: ایجاد، دانلود، حذف نمایه فایرفاکس" title="همه چیز درباره نمایه های فایرفاکس: ایجاد، دانلود، حذف نمایه فایرفاکس"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/ispolzovanie-menedzhera-profilei-dlya-sozdaniya-i-udaleniya-profilei-firefox-vse-o.html" rel="bookmark" title="همه چیز درباره نمایه های فایرفاکس: ایجاد، دانلود، حذف نمایه فایرفاکس">همه چیز درباره نمایه های فایرفاکس: ایجاد، دانلود، حذف نمایه فایرفاکس</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/profili---gde-firefox-hranit-vashi-zakladki-paroli-i-drugie.html" rel="bookmark" title="همه چیز درباره پروفایل های فایرفاکس: ایجاد، دانلود، حذف نحوه ایجاد یک نمایه جدید"><img width="218" height="150" class="entry-thumb" src="/uploads/2be46867dceab010dbbbec8a6cfe7405.jpg" alt="همه چیز درباره پروفایل های فایرفاکس: ایجاد، دانلود، حذف نحوه ایجاد یک نمایه جدید" title="همه چیز درباره پروفایل های فایرفاکس: ایجاد، دانلود، حذف نحوه ایجاد یک نمایه جدید"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/profili---gde-firefox-hranit-vashi-zakladki-paroli-i-drugie.html" rel="bookmark" title="همه چیز درباره پروفایل های فایرفاکس: ایجاد، دانلود، حذف نحوه ایجاد یک نمایه جدید">همه چیز درباره پروفایل های فایرفاکس: ایجاد، دانلود، حذف نحوه ایجاد یک نمایه جدید</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/vse-o-profilyah-firefox-sozdat-zagruzit-udalit-ispolzovanie-menedzhera-profilei.html" rel="bookmark" title="استفاده از Profile Manager برای ایجاد و حذف پروفایل های فایرفاکس، نمایه فایرفاکس در ویندوز 7 کجاست"><img width="218" height="150" class="entry-thumb" src="/uploads/a1ca22943d94228ba6da1b5a6a800d48.jpg" alt="استفاده از Profile Manager برای ایجاد و حذف پروفایل های فایرفاکس، نمایه فایرفاکس در ویندوز 7 کجاست" title="استفاده از Profile Manager برای ایجاد و حذف پروفایل های فایرفاکس، نمایه فایرفاکس در ویندوز 7 کجاست"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/vse-o-profilyah-firefox-sozdat-zagruzit-udalit-ispolzovanie-menedzhera-profilei.html" rel="bookmark" title="استفاده از Profile Manager برای ایجاد و حذف پروفایل های فایرفاکس، نمایه فایرفاکس در ویندوز 7 کجاست">استفاده از Profile Manager برای ایجاد و حذف پروفایل های فایرفاکس، نمایه فایرفاکس در ویندوز 7 کجاست</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/chto-takoe-spam-i-komu-vygodno-ego-rasprostranenie-kogda.html" rel="bookmark" title="چه زمانی اینترنت به وسیله ای برای غنی سازی غیرقانونی تبدیل می شود؟"><img width="218" height="150" class="entry-thumb" src="/uploads/667bc4d042a05c12240028327ab9881f.jpg" alt="چه زمانی اینترنت به وسیله ای برای غنی سازی غیرقانونی تبدیل می شود؟" title="چه زمانی اینترنت به وسیله ای برای غنی سازی غیرقانونی تبدیل می شود؟"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/chto-takoe-spam-i-komu-vygodno-ego-rasprostranenie-kogda.html" rel="bookmark" title="چه زمانی اینترنت به وسیله ای برای غنی سازی غیرقانونی تبدیل می شود؟">چه زمانی اینترنت به وسیله ای برای غنی سازی غیرقانونی تبدیل می شود؟</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-polnostyu-proiti-registraciyu-na-gosuslugah-kak-samostoyatelno-zaregistrirovat-lichnyi-kabinet-n.html" rel="bookmark" title="نحوه ثبت مستقل حساب شخصی برای تأیید هویت خدمات عمومی در MFC، Rostelecom و با استفاده از CEP"><img width="218" height="150" class="entry-thumb" src="/uploads/8ffea05704703c490ab5a57b0211f296.jpg" alt="نحوه ثبت مستقل حساب شخصی برای تأیید هویت خدمات عمومی در MFC، Rostelecom و با استفاده از CEP" title="نحوه ثبت مستقل حساب شخصی برای تأیید هویت خدمات عمومی در MFC، Rostelecom و با استفاده از CEP"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-polnostyu-proiti-registraciyu-na-gosuslugah-kak-samostoyatelno-zaregistrirovat-lichnyi-kabinet-n.html" rel="bookmark" title="نحوه ثبت مستقل حساب شخصی برای تأیید هویت خدمات عمومی در MFC، Rostelecom و با استفاده از CEP">نحوه ثبت مستقل حساب شخصی برای تأیید هویت خدمات عمومی در MFC، Rostelecom و با استفاده از CEP</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/ne-mogu-zaregistrirovatsya-na-gosuslugah---chto-delat-instrukciya.html" rel="bookmark" title="نمی توان برای ثبت نام کرد"Госуслугах" - что делать?"><img width="218" height="150" class="entry-thumb" src="/uploads/32e907287eb453e45c32d9e797c20587.jpg" alt="نمی توان برای ثبت نام کرد"Госуслугах" - что делать?" title="نمی توان برای ثبت نام کرد"Госуслугах" - что делать?"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/ne-mogu-zaregistrirovatsya-na-gosuslugah---chto-delat-instrukciya.html" rel="bookmark" title="نمی توان برای ثبت نام کرد"Госуслугах" - что делать?">من نمی توانم در "Gosuslugi" ثبت نام کنم - چه کاری باید انجام دهم؟</a></h3> </div> </div> </div></div></div> <div class="clearfix"></div> </div> <div class="td-pb-span4"> <div class="td_block_wrap td_block_15 td_block_widget td_uid_13_5a23980e7caa8_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_13_5a23980e7caa8" > <div class="td-block-title-wrap"></div><div id=td_uid_13_5a23980e7caa8 class="td_block_inner td-column-1"><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-uznat-skolko-yader-v-kompyutere-i-kakie-rabotayut-skolko-yader.html" rel="bookmark" title="چند هسته در یک رایانه یا لپ تاپ (2 روش برای مشاهده) چند هسته در رایانه ویندوز 10 من وجود دارد"><img width="218" height="150" class="entry-thumb" src="/uploads/ad43d7658749ca8ec861cd8dcd82a055.jpg" alt="چند هسته در یک رایانه یا لپ تاپ (2 روش برای مشاهده) چند هسته در رایانه ویندوز 10 من وجود دارد" title="چند هسته در یک رایانه یا لپ تاپ (2 روش برای مشاهده) چند هسته در رایانه ویندوز 10 من وجود دارد"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-uznat-skolko-yader-v-kompyutere-i-kakie-rabotayut-skolko-yader.html" rel="bookmark" title="چند هسته در یک رایانه یا لپ تاپ (2 روش برای مشاهده) چند هسته در رایانه ویندوز 10 من وجود دارد">چند هسته در یک رایانه یا لپ تاپ (2 روش برای مشاهده) چند هسته در رایانه ویندوز 10 من وجود دارد</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-ochistit-kesh-v-mozile-kak-ochistit-kesh-v-mozile-ochistit.html" rel="bookmark" title="نحوه پاک کردن کش در فایل های موقت موزیلا پاک کردن فایرفاکس"><img width="218" height="150" class="entry-thumb" src="/uploads/b9be2ef4a74c155fc928d3d06a017b3f.jpg" alt="نحوه پاک کردن کش در فایل های موقت موزیلا پاک کردن فایرفاکس" title="نحوه پاک کردن کش در فایل های موقت موزیلا پاک کردن فایرفاکس"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-ochistit-kesh-v-mozile-kak-ochistit-kesh-v-mozile-ochistit.html" rel="bookmark" title="نحوه پاک کردن کش در فایل های موقت موزیلا پاک کردن فایرفاکس">نحوه پاک کردن کش در فایل های موقت موزیلا پاک کردن فایرفاکس</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/chto-takoe-marshrutizator-i-zachem-on-nuzhen-chto-takoe-router-prostymi.html" rel="bookmark" title="روتر به زبان ساده چیست روتر چه کاری انجام می دهد"><img width="218" height="150" class="entry-thumb" src="/uploads/d0bd7d36ff000e06130c9cd2e49c5486.jpg" alt="روتر به زبان ساده چیست روتر چه کاری انجام می دهد" title="روتر به زبان ساده چیست روتر چه کاری انجام می دهد"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/chto-takoe-marshrutizator-i-zachem-on-nuzhen-chto-takoe-router-prostymi.html" rel="bookmark" title="روتر به زبان ساده چیست روتر چه کاری انجام می دهد">روتر به زبان ساده چیست روتر چه کاری انجام می دهد</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/nomer-mobilnogo-telefona-pozharnyh-kak-pozvonit-v-gazovuyu-sluzhbu.html" rel="bookmark" title="چگونه با سرویس گاز تماس بگیریم؟"><img width="218" height="150" class="entry-thumb" src="/uploads/378cdf1be635d1d5c6efd1ff7a188dfa.jpg" alt="چگونه با سرویس گاز تماس بگیریم؟" title="چگونه با سرویس گاز تماس بگیریم؟"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/nomer-mobilnogo-telefona-pozharnyh-kak-pozvonit-v-gazovuyu-sluzhbu.html" rel="bookmark" title="چگونه با سرویس گاز تماس بگیریم؟">چگونه با سرویس گاز تماس بگیریم؟</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/kak-v-novom-vk-vyiti-iz-stranicy-kak-vyiti-iz-vkontakte-kak.html" rel="bookmark" title="نحوه خروج از صفحه در VK جدید"><img width="218" height="150" class="entry-thumb" src="/uploads/dc3d57fa7ea9eb48751f6d1b7b360100.jpg" alt="نحوه خروج از صفحه در VK جدید" title="نحوه خروج از صفحه در VK جدید"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/kak-v-novom-vk-vyiti-iz-stranicy-kak-vyiti-iz-vkontakte-kak.html" rel="bookmark" title="نحوه خروج از صفحه در VK جدید">نحوه خروج از صفحه در VK جدید</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://obanracer.ru/fa/obnovlyaem-internet-explorer-obnovlyaem-brauzer-internet-explorer-do-aktualnoi-versii-kak.html" rel="bookmark" title="به روز رسانی اینترنت اکسپلورر به آخرین نسخه نحوه به روز رسانی اکسپلورر به نسخه 10"><img width="218" height="150" class="entry-thumb" src="/uploads/b7ab1bfe294416fc7598cfcabd1095b2.jpg" alt="به روز رسانی اینترنت اکسپلورر به آخرین نسخه نحوه به روز رسانی اکسپلورر به نسخه 10" title="به روز رسانی اینترنت اکسپلورر به آخرین نسخه نحوه به روز رسانی اکسپلورر به نسخه 10"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://obanracer.ru/fa/obnovlyaem-internet-explorer-obnovlyaem-brauzer-internet-explorer-do-aktualnoi-versii-kak.html" rel="bookmark" title="به روز رسانی اینترنت اکسپلورر به آخرین نسخه نحوه به روز رسانی اکسپلورر به نسخه 10">به روز رسانی اینترنت اکسپلورر به آخرین نسخه نحوه به روز رسانی اکسپلورر به نسخه 10</a></h3> </div> </div> </div></div></div> <div class="clearfix"></div><aside class="td_block_template_1 widget widget_text"> <div class="textwidget"> </div> </aside><aside class="td_block_template_1 widget widget_text"> <div class="textwidget"> </div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container td-container-wrap "> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span td-sub-footer-menu"> </div> <div class="td-pb-span td-sub-footer-copy">حق چاپ 2022 - تعمیر کامپیوتر و لپ تاپ. کارت گرافیک، هارد، اینترنت، مانیتور.</div> </div> </div> </div> </div> <style type="text/css" media="screen"> /* custom css theme panel */ .td-post-header .entry-title { font-weight: normal !important; } h1.entry-title { font-weight: normal !important; border-bottom:#c44c4c 2px dotted; } h1.entry-title:before { content: "\f184"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a { color: #edf3f7; } .td-post-content h2 { border-bottom:#c44c4c 2px dotted;} .td-post-content h2:before { content: "\f184"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .td-post-content h3 { border-bottom:#c44c4c 2px dotted;} .td-post-content h3:before { content: "\f103"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .category-my .td-page-title { color:#c44c4c; font-weight: 400; font-size: 36px; } .post header .entry-title { line-height: 40px; } .td-category-description h2, .td-category-description h3 { color:#c44c4c;} .td-category-description h2 { border-bottom:#c44c4c 2px solid;} .td-category-description h2:before { content: "\f055"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .td-category-description h3 { border-bottom:#c44c4c 2px solid;} .td-category-description h3:before { content: "\f103"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .td-category-description ol, .td-category-description ul { margin-top:20px !important; margin-bottom:20px !important;} .td-category-description ul, .td-post-content ul { padding:0; margin:0; list-style:none; clear:both;} .td-category-description ul li, .td-post-content ul li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;} .td-category-description ul li:before, .td-post-content ul li:before { content: "\f192"; font-family: "FontAwesome"; color:#c44c4c; position:absolute; left:-10px;} .td-category-description ol, .td-post-content ol { padding:0; margin:0 0 0 5px; list-style:none; counter-reset: lipoint; clear:both;} .td-category-description ol li, .td-post-content ol li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;} .td-category-description ol li:before, .td-post-content ol li:before { content: counter(lipoint); counter-increment: lipoint; color:#fff; position:absolute; left:-16px; background:#c44c4c; width:20px; height:20px; line-height:20px; text-align:center; -webkit-border-radius: 20px;border-radius: 20px; font-size:12px; top:3px;} .toc_list li:before { display:none} .td-header-style-9 .td-header-menu-wrap-full { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c44c4c+0,c10000+100 */ background: #c44c4c; /* Old browsers */ background: -moz-linear-gradient(top, #c44c4c 0%, #c10000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c44c4c 0%,#c10000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c44c4c 0%,#c10000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c44c4c', endColorstr='#c10000',GradientType=0 ); /* IE6-9 */ } .sf-menu > li > a { color: #fff; } .td-header-style-9 .header-search-wrap .td-icon-search { color: #fff; } .td-affix a { color:#000 !important;} </style> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "smooth_scroll":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/table-of-contents-plus/front.min.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/wp-postratings/js/postratings-js.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/themes/Newspaper/js/tagdiv_theme.js'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var boxzilla_options = { "testMode":"","boxes":[]} ; /* ]]> */ </script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/boxzilla/assets/js/script.min.js'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.core.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.view.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/themes/baseline/js/prod/client.js'></script> <script type='text/javascript' src='/assets/client1.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/template-tags/item/js/prod/tag.item.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/template-tags/ui/js/prod/tag.ui.js'></script> <script type='text/javascript' src='https://obanracer.ru/wp-content/plugins/simple-lightbox/content-handlers/image/js/prod/handler.image.js'></script> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/wp-content/themes/Newspaper/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> </body> </html>

راز من

ویژگی های تگ گزینه

ویژگی های تگ optgroup

فیلد متنی در فرم از طریق textarea

تگ انتخاب و ایجاد یک لیست کشویی

ویژگی های تگ گزینه

توضیح مهم برای عملکرد صحیح

انتخاب برای چیست؟

با استفاده از ویژگی value

نمونه ای از دسترسی به گزینه انتخاب شده در جاوا اسکریپت

نمونه ای از گرفتن مقدار در اسکریپت PHP

تعریف سبک های کشویی با CSS

گروه بندی آیتم های منو

غیرفعال کردن لیست و انتخاب چندگانه

ناحیه متن

غیرفعال کردن قسمت متن