آموزش ASP.Net > کنترل های استاندارد > کنترل کادر متن TextBox
چند خطی کردن ( Miltiline ) کنترل کادر متن TextBox
مقدمه :
کادرهای متن معمولی ، فقط یک خط برای ورود متن دارند و کاربر نمی تواند خظ جدیدی را
در آن وارد نماید .
اما شما می توانید کاری نمایید که کنترل کادر متن چند خط شده و حتی در صورت وارد نمودن
کاراکترهای بیشتر توسط کاربر ، خط های جدید ایجاد شده و کنترل به سمت پایین Scroll
شود . برای این منظور کارهای زیر را انجام دهید :
- یک کنترل کادر متن TextBox
را از بخش کنترل های استاندارد منوی Toolbox بر روی صفحه قرار دهید .
- مقدار خاصیت TextMode کنترل را بر روی مقدار Multiline تنظیم نمایید .
- اندازه کنترل را با تنظیم خواص زیر به مثقدار دلخواه خود تنظیم نمایید :
- عرض ( width ) : بر حسب مقداری از پیکسل یا Columns برابر با
تعداد ستون های نمایش کاراکتر کنترل .
- ارتفاع ( height ) : بر حسب مقداری از پیکسل یا Rows برابر
با تعداد ردیف های نمایش کاراکتر کنترل .
- نکته 1 : خواص Width و Height در مرورگرهایی که از CSS پشتیبانی نمی کنند ، کار نمی کنند .
نکته 2 : تعیین خواص فوق باعث محدود کردن حداکثر تعداد کاراکترهایی
که کاربر می تواند در کنترل وارد نماید ، نمی شود . چنانچه متن وارد از اندازه کنترل
بیشتر شود ، نوارهای Scroll به آن اضافه می شوند .
نکته 3 : به صورت پیش فرض ، کنترل چند خطه TextBox
، نوارهای Scroll را نشان می دهد . برای جلوگیری از این کار می توانید مقدار خاصیت
overflow را در خاصیت style کنترل ، بر روی مقدار hidden تنظیم نمایید .
- می توانید به وسیله خاصیت warp ، نحوه چیدمان و ایجاد خطوط جدید را در کنترل تغییر
دهید . مقدار پیش فرض این خاصیت true است .
اگر مقدار این خاصیت را بر روی false باشد ، کاربر برای ایجاد یک خط جدید در کنترل
، حتما بایستی دکمه Enter را بزند .
مثال عملی :
مثال : در مثال های عملی زیر ، چند کنترل TextBox را با تنظیمات مختلف
برای چند خطی شدن آن در عمل نمایش داده ایم :
|
کد 1
|
<asp:TextBox ID="TextBox1" runat="server"
TextMode="MultiLine" ></asp:TextBox>
|
|
خروجی 1
|
|
|
کد 2
|
<asp:TextBox ID="TextBox2" runat="server" TextMode="MultiLine"
Width="200px" Height="150px"></asp:TextBox>
|
|
خروجی 2
|
|
|
کد 3
|
<asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine" Width="200px"
Height="150px" Wrap="true"></asp:TextBox>
|
|
خروجی 3
|
|
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1
حمایت نمایید :