افزودن یک ناحیه متنی

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

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

عرض ناحیه متن در صفحه وب را مشخص می کند = Cols
قسمت متن را خاکستری می کند تا چیزی تایپ نشود = Disabled
نام فیلد فرم مرتبط با فیلد را مشخص می کند = Name
ناحیه متن را قفل می کند تا چیزی تایپ نشود، اما متن پیش فرض نمایش داده شود = Readonly
ارتفاع ناحیه متن را در صفحه وب مشخص می کند = rows

بنابراین، برای ایجاد یک ناحیه متنی با عرض 20 کاراکتر و ارتفاع 30 کاراکتر، از موارد زیر استفاده کنید:

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

استفاده از لیست های کشویی

اغلب، شما می خواهید انتخاب های بازدیدکنندگان سایت خود را برای یک فیلد داده خاص محدود کنید. برای انجام این کار، از یک لیست کشویی استفاده می کنید. لیست کشویی به شکل یک خط، شبیه به یک جعبه متن، اما با یک فلش رو به پایین ظاهر می شود. اگر روی فلش رو به پایین کلیک کنید، کادری با تمام گزینه های موجود در آن ظاهر می شود.
سپس می توانید یک یا چند گزینه را از لیست کشویی انتخاب کنید. در دنیای HTML5، این ویژگی عنصر انتخاب نامیده می شود.
از دو بخش تشکیل شده است:
»» انتخاب تگ های باز و بسته برای تعریف عنصر انتخاب
»» یک یا چند عنصر گزینه که گزینه های مجاز را تعریف می کند.
در اینجا مثالی از یک عنصر انتخاب ساده آورده شده است :

Baseball Basketball Football Hockey

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

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