از طریق زبان جاوااسکریپت و متدهایی که وجود دارد ما میتوانیم به المنت موردنظر با استفاده از id یا کلاس دسترسی داشته باشیم.

ما در این جلسه از دستور انتخاب المنت براساس آی دی که محبوب است استفاده می کنیم.

برای شروع یک تگ input از نوع متنی ایجاد می کنم که دارای خصوصیتی به نام id است.

مقدار این آی دی یونیک می باشد بنابراین برابر با atext قرار می دهم.

مثال:

حال بر روی دکمه دیگری که از نوع submit است یک event handler از نوع onclick قرار میدهیم که تابعی به نام showIt را فراخوانی می‌کند.

مثال:

بنابراین تابعی به نام showIt ایجاد کرده که این تابع وظیفه دارد در هنگام کلیک بر روی دکمه ارسال فراخوانی شود. این تابع با استفاده از متد getElementById و خصوصیت value مقدار فیلد atext را دریافت می کند.

مثال:

برای تست می توانیم مقدار دریافت شده را با دستور alert نمایش دهیم.

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

 

متن چند خطی textarea به جای input و دریافت مقدار آن

در این روش به جای input از تگ textarea استفاده می کنیم.

مثال:

دیدگاه خود را بیان کنید

این ایمیل برای عموم منتشر نمی شود