فیلد متنی چند خطی (آموزش HTML)
فیلد متنی چند خطی (آموزش HTML)
در مواردی که لازم باشد متن چند خطی به فرم اضافه شود، از دستور < TEXTAREA> استفاده میگردد. همانند متن یک خطی در دستور < INPUT> ، می توان اندازه فیلد چند خطی و مقدار پیش فرضی را برای متن چند خطی تعیین کرد. به عنوان مثال، برای تعیین تعداد سطرهای متن از صفت ROWS و برای تعیین تعداد ستونهای آن از صفت COLS استفاده می شود. بنابراین، برای تعیین یک ناحیه متنی با ۵ سطر و ۸۰ستون،
در مواردی که لازم باشد متن چند خطی به فرم طراحی سایت اضافه شود، از دستور < TEXTAREA> استفاده میگردد. همانند متن یک خطی در دستور < INPUT> ، می توان اندازه فیلد چند خطی و مقدار پیش فرضی را برای متن چند خطی تعیین کرد. به عنوان مثال، برای تعیین تعداد سطرهای متن از صفت ROWS و برای تعیین تعداد ستونهای آن از صفت COLS استفاده می شود. بنابراین، برای تعیین یک ناحیه متنی با ۵ سطر و ۸۰ستون، به صورت زیر عمل می شود:
<TEXTAREA ROWS = "5" COLS = "80" NAME = "CommentBox"><tEXTAREA>
چون ممکن است چند خط از متن در بین دستور < TEXTAREA> باشد، نمی توان با استفاده از صفت VALUE مقدار یش فرضی را تعیین کرد. بلکه متن پیش فرضی را باید در بین < TEXTAREA> و < TEXTAREA/> قرار دارد.
<TEXTAREA ROWS = "5" COLS = "80" NAME = "ConnectBox">please fill in your connects here.</TEXTAREA>
دقت داشته باشید که متن موجود در دستور < TEXTAREA> باید یک متن عادی باشد و نباید حاوی علامت HTML باشد. در واقع، محتویات این دستور، همانند دستور <PRE > موقعیت کاراکترها را حفظ میکند. یعنی فضای خالی، سطر جدید وtab را منظور می کند. دستوراتی که در کنترلهای فرم قرار میگیرند، تفسیر نمی شوند.
مثال ۱-۸ کاربرد دستورات < INPUT> و <TEXTAREA> و استفاده از کلمه رمز. نتیجه اجرا در شکل ۲-۸ آمده است.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Text Field Example.</TITLE>
</HEAD>
<BODY >
<H2 ALIGN="center">Student specification Forms</H2>
<HR>
<FORM ACTION="http://www.olomrayaneh.com/cgi-bin/post-query"
METHOD="POST">
<B>Student Name: <B>
<INPUT TYPE="text"
NAME="Student Name"
SIZE="25"
MAXLENGTH="35">
<BR>
<B>Student ID: </B>
<INPUT TYPE="PASSWORD"
NAME="Student|D"
SIZE="10"
MAXLENGTH="10">
</FORM>
<HR>
<H2 ALIGN="center">Student Form-:/H2>
<HR>
<FORM ACTION="http://www.olomrayaneh.com/cgi-bin/post-query" METHOD="POST">
<B>Special Instructions:</B></BR>
<TEXTAREA ROWS="5" COLS="40" NAME="Instructions">
Enter any special ordering instructions in this space.
</ΤΕΧΤΑRΕΑ>
</FORM>
<HR>
</BODY>
</HTML>
مقالات مرتبط به طراحی سایت :
عملگرها (آموزش HTML)
متد ها در زبان های اسکریپتی 2 (آموزش HTML)
متد ها در زبان های اسکریپتی(آموزش HTML)
اشیای موجود در جاوا اسکریپت (آموزش HTML)
دستورات در جاوااسکریپت(آموزش HTML)
جاوا اسکریپت (آموزش HTML)
استفاده از دکمه های تصویری به جای SUBMIT (آموزش HTML)
کادرهای کنترلی (آموزش HTML)
لیستهای لغزنده (آموزش HTML)
فیلد متنی چند خطی (آموزش HTML)
کنترلهای فرم (آموزش HTML)
امکانات دیگری از جدول (آموزش HTML)
جدول و صفحه آرایی (آموزش HTML)
لیستها در HTML (آموزش HTML)
سایر فرمتهای دودویی (آموزش HTML)
تصاویر به عنوان دکمه/صوت دیجیتال/فرمت های فایل های صوتی /برداشت و اجرای فایل صوتی(آموزش HTML)