¤¤¤  لحظات خوبی برای شما آرزومندیم  ¤¤¤

مشاهده پست هاي بدون جواب | نمايش مبحث هاي فعال

نام کاربري:
کلمه عبور:

به یاد داشته باش
فقط در در صفحه اصلی تالار میتوانید از ورود سریع استفاده کنید
درخواست عضویت   ورود 



ارسال مبحث جديد پاسخ به مبحث  [ 24 پست ]  برو به صفحه قبلي  1, 2, 3
forumtools   forumtools
نويسنده پيغام
پستارسال شده در: شنبه 18 آبان 1392, 10:54 am 

مورچه فعال

نماد کاربر
offline


تاريخ عضويت: جمعه 19 مهر 1392, 11:20 pm

پست ها : 349

محل سکونت: قم

تشکر کرده: 642 بار
تشکر شده: 786 بار
ساختن دکمه ها با استفاده از تگ input در html

دکمه ارسال فرم (Submit)

برای ساختن دکمه ارسال فرم باید از تگ <input> استفاده کنیم. برای این کار باید از submit به عنوان مقدار شناسه type استفاده کنیم. در اینجا یک نمونه از کدی که برای ساختن دکمه ارسال فرم آورده شده است:
<input name="buttonName" type="submit">

در اینجا می توانید دکمه ارسال فرم ایجاد شده را مشاهده کنید البته چون این دکمه در تگ <form> قرار ندارد با کلیک کردن بر روی آن اتفاقی رخ نمی دهد اما اگر این دکمه در تگ فرم قرار داشته باشد با کلیک کردن بر روی آن اطلاعات وارد شده در فرم به صفحه action ارسال می شوند.

دکمه پاک کردن فرم (Reset)

برای ساختن این دکمه هم از تگ <input> استفاده می شود به این صورت که برای شناسه type از مقدار reset استفاده می کنیم. در اینجا می توانید یک نمونه از کدی را که برای ساختن این دکمه استفاده می شود ملاحظه کنید:
<input name="buttonName" type="reset">

در اینجا می توانید دکمه ای را که با استفاده از تگ بالا ساخته شده است ملاحظه کنید. این دکمه هم مثل دکمه ارسال فرم باید در تگ فرم قرار داشته باشد تا با کلیک بر روی آن اطلاعاتی که کاربر وارد کرده است حذف شوند و فرم به حالت اولیه بازگردد.

ساختن دکمه (Button)

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

در اینجا به توضیح برخی از شناسه هایی که برای دکمه های رادیو به کار می روند می پردازیم. به خاطر داشته باشید که همه این شناسه ها باید در تگ <input> به کار روند. برای مثال دکمه هایی که در پایین همین صفحه قرار دارند و برای رفتن به بخش قبلی یا بعدی استفاده می شوند از همین نوع دکمه ها هستند.

از کد زیر برای ساختن این دکمه ها استفاده می شود:
<input name="buttonName" type="button">

در اینجا به معرفی برخی از شناسه هایی که برای دکمه ها در تگ <input> استفاده می شوند می پردازیم :

type :
برای دکمه ارسال فرم باید از submit برای مقدار این شناسه استفاده شود.
برای دکمه پاک کردن فرم باید از reset برای مقدار این شناسه استفاده شود.
برای سایر دکمه ها باید از button برای مقدار این شناسه استفاده شود.

name :
این شناسه برای اختصاص یک نام به هر دکمه استفاده می شود.

value :
در مورد دکمه ها این شناسه مشخص کننده متنی است که در روی دکمه نمایش داده می شود.

"disabled="disabled :
از این شناسه برای غیر فعال دکمه ها استفاده می شود. به صورتی که کاربر نمی تواند دکمه مربوطه را کلیک کند. مقادیر مربوط به فیلدهایی که به صورت disabled هستند با ارسال فرم به سرور ارسال نمی شوند.

_________________
بدتر از رفتن؛ گندی است که آدم ها به باور یکدیگر می زنند!!!



برای این پست از sama تشکر شده است : 2 ebihoseinipatriot
  امتیاز: 8.7%
بالا
 مشخصات  
 
 
 
پستارسال شده در: شنبه 18 آبان 1392, 10:57 am 

مورچه فعال

نماد کاربر
offline


تاريخ عضويت: جمعه 19 مهر 1392, 11:20 pm

پست ها : 349

محل سکونت: قم

تشکر کرده: 642 بار
تشکر شده: 786 بار
کادر های متنی با بیش از یک سطر (Text Area)

از یک Text Area کاربران می توانند برای وارد کردن تعداد نامحدودی کاراکتر در بیش از یک سطر وارد کنند. بهتر است تا برای متنهای طولانی به جای Text Box از Text Area استفاده کنید تا کاربران راحتتر بتوانند متن خود را مشاهده کنند و یا آنرا ویرایش کنند.

برای ایجاد Text Area باید از تگ <textarea> استفاده کنید. این تگ بر خلاف تگ <input> یک تگ پایانی دارد و باید به وسیله تگ <textarea/> بسته شود. در مثال زیر می توانید کد مربوط به یک Text Area را مشاهده کنید:
<textarea name="someName" cols="40" rows="3">
این متن به صورت متن داخلی کادر نمایش داده می شود
</textarea>


همانطور که مشاهده می کنید متنی که بین تگ ابتدایی و تگ پایانی یک Text Area نوشته شود به صورت پیش فرض در کادر Text Area نمایش داده می شود.

در اینجا می توانید برخی از شناسه های قابل استفاده در تگ <textarea> را مشاهده کنید:

cols :
این شناسه عرض کادر را بر حسب تعداد کاراکتر تعیین می کند. مقدار این شناسه باید عددی مثبت باشد. البته این عرض بستگی به اندازه فونت تعریف شده برای صفحه و مرورگر دارد. استفاده از این شناسه برای تگ <textarea> الزامی است.

rows :
این شناسه مشخص کننده تعداد سطرهای قابل مشاهده در کادر است. این مقدار هم باید عددی مثبت باشد. استفاده از شناسه rows برای تگ <textarea> الزامی است.

name :
از این شناسه می توان برای اختصاص دادن یک نام مشخص به textarea استفاده کرد.

"readonly="readonly :
این شناسه کادر را به صورت فقط خواندنی در می آورد و کاربر نمی تواند متن موجود در کادر را تغییر دهد.

"disabled="disabled :
این شناسه کادر را به صورت غیر فعال در می آورد و بازدید کننده نمی تواند متن موجود در آن را تغییر دهد یا آنرا انتخاب کند. (این رفتار بسته به مرورگر متفاوت است)


در تگ <textarea> علاوه بر شناسه های بالا که مربوط به همین تگ هستند می توان از شناسه های استاندارد زیر هم استفاده کرد:
id, class, title, style, dir, lang, xml:lang, tabindex, accesskey

همچنین از رویدادهای زیر هم می توان در تگ <textarea> استفاده کرد :
onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

_________________
بدتر از رفتن؛ گندی است که آدم ها به باور یکدیگر می زنند!!!



برای این پست از sama تشکر شده است : 2 ebihoseinimehdi
  امتیاز: 8.7%
بالا
 مشخصات  
 
 
 
پستارسال شده در: سه شنبه 1 اردیبهشت 1393, 12:15 am 

مورچه فعال

نماد کاربر
offline


تاريخ عضويت: شنبه 5 اسفند 1391, 8:27 pm

پست ها : 177

تشکر کرده: 144 بار
تشکر شده: 264 بار
تگ زوجی <fieldset> هم همانند گروپ باکس در سی شارپ عمل میکند که میتواند عناصر در یک کادر قرار دهد
با استفاده از تگ <legend> هم نامی که در بالای گروپ میخواهید را بنویسید

_________________
آرام میگیرم وقتی دستهایت را "آرام "میگیرم
http://www.qomia.blog.ir


بالا
 مشخصات  
 
 
 
پستارسال شده در: دوشنبه 25 آبان 1393, 1:03 am 

مورچه حرفه ای

نماد کاربر
offline


تاريخ عضويت: پنج شنبه 10 مهر 1392, 12:13 am

پست ها : 410

محل سکونت: قم

تشکر کرده: 741 بار
تشکر شده: 602 بار
سما خانم در صورت تمایل این آموزشا رو ادامه بدید تا بتونیم از دانش و مهارتهاتون استفاده کنیم.
با تشکر هیدن

_________________
خوشبختي از آن کسي است که در پي خوشبختي ديگران باشد.


بالا
 مشخصات  
 
 
 
ارسال مبحث جديد پاسخ به مبحث  [ 24 پست ]  برو به صفحه قبلي  1, 2, 3

اطلاعات

تعداد صفحات: صفحه 3 از 3

    

تعداد پست ها:  24 پست


کاربران حاضر در اين انجمن: بدون كاربران آنلاين و 0 مهمان مدير انجمن: شما نمي توانيد مبحث جديدي در اين انجمن ايجاد کنيد
شما نمي توانيد به مباحث در اين انجمن پاسخ دهيد
شما نمي توانيد پست هاي خود را در اين انجمن ويرايش کنيد
شما نمي توانيد پست هاي خود را در اين انجمن حذف کنيد
جستجو براي:
انتقال به:  
نمايش پست ها از پيشين:  مرتب سازي بر اساس  
cron

کپی رایت

 
yukari

Powered by : phpBB | Style by: Meis@M & GOD send
Persian Translation : www.phpBB.Maghsad.com | New Zeland Shuttle