کارگاه آموزشی رایگان - صفر تا صد برنامه نویسی تا کسب و درآمد میلیونی


ساخت فرمها (قسمت سوم)


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

ساخت فرمها (قسمت سوم)

با استفاده از صفت “”=placeholder برای تگ‌های <input />ی که ورودی متنی دارند می‌توان یک متن کم‌رنگ درون کادر نوشت که پس از واردکردن متن توسط کاربر پاک شود.
 
<DOCTYPE html!>
< Html>
< head>
<title>آموزش وب</title>
</ head>
< body>
<form>
<table   border=”1“>
<tr>
  نام
</tr>
<tr>
<input   type=”text”   placeholder=”نام خود را وارد کنید”   />
</tr>
<tr>
ایمیل
</tr>
<tr>
<input   type=”email”   placeholder=”ایمیل خود را وارد کنید”   >
</tr>
</table>
</form>
</ body>
</ Html>

 

اگر عنوان(نام، ایمیل، آدرس و …) خود را درون تگ <label></label> گذاشته و صفت “”=for آن را با مقدار درون صفت “”=id تگ <input /> آن پرکنیم، هر وقت کاربر روی عنوان کلیک کند مکان نمای متن درون جعبه متن روشن می‌شود و کاربر می‌تواند متن خود را درون آن وارد کند.

 

<DOCTYPE html!>
< Html>
< head>
<title>آموزش وب</title>
</ head>
< body>
<form>
<table   border=”1“>
<tr>
<label   for=”name“> نام</label>
</tr>
<tr>
<input   type=”text”   id=”name“>
</tr>
</table>
</form>
</ body>
</ Html>

 

اگر به همان تگ <label></label> که عنوان شما درون آن است صفت “”=accesskey دهیم و مقدار آن را یک حرف دلخواه بگذاریم، در مرورگر goole Chrom هرگاه کاربر کلید (حرف دلخواه Alt +) را وارد کند مکان نمای متن درون جعبه متن مربوط به آن روشن می‌شود و کاربر می‌تواند متن خود را درون آن وارد کند. در مرورگر Mozilla Firefox با کلید (حرف دلخواه Alt + Shift +) کار می‌کند.

 

<DOCTYPE html!>
< Html>
< head>
<title>آموزش وب</title>
</ head>
< body>
<form>
<table   border=”1“>
<tr>
<label   accesskey=”n“> نام</label>
</tr>
<tr>
<input   type=”text“/>
</tr>
</table>
</form>
</ body>
</ Html>

 

اگر صفت “”=action را به تگ <form></form> بدهیم، می‌توانیم آدرس صفحه‌ای که می‌خواهیم اطلاعات درون فرم خود را به آنجا ارسال کنیم را درون آن صفت مشخص کنیم.
هر فرمی که درون آن‌یک دکمه از جنس submit وجود داشته باشد، پس از کلیک روی آن تمام اطلاعات فرم را به آدرسی که درون صفت “”=action تگ <form></form> مشخص کرده باشیم می‌فرستد. اگر آدرس را مشخص نکرده باشیم، اطلاعات را به خود صفحه‌ای که در آن قرار دارد می‌فرستد.

 

<DOCTYPE html!>
< Html>
< head>
<title>آموزش وب</title>
</ head>
< body>
<form   action=”page1.html“>
<table   border=”1“>
<tr>
<label   accesskey=”n“> نام</label>
</tr>
<tr>
<input   type=”text“>
</tr>
</table>
</form>
</ body>
</ Html>

 

صفت دیگری که به تگ <form></form> می‌دهیم صفت “”=method است که نوع ارسال اطلاعات مارا مشخص می‌کند. اگر مقدار آن را با post پرکنیم، محدودیت حافظه برای ارسال اطلاعات نداریم و همچنین اطلاعات در خط آدرس دیده نمی‌شوند. اما اگر مقدار آن را با get پرکنیم برای ارسال محدودیت داشته و اطلاعات درون‌خط آدرس دیده می‌شود. اگر مقدار آن را پر نکنیم به‌صورت پیش‌فرض روی get تنظیم می‌شود.

 

<DOCTYPE html!>
< Html>
< head>
<title>آموزش وب</title>
</ head>
< body>
<form   action=”page1.html”   method=”post“>
<table   border=”1“>
<tr>
<label   accesskey=”n“> نام</label>
</tr>
<tr>
<input   type=”text“/>
</tr>
</table>
</form>
</ body>
</ Html>

 


برچسب ها :

تگ label تگ form

نظر بدهید

نشانی ایمیل شما منتشر نخواهد شد .
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.
13 جلسه برای دوره آموزش جامع HTML

دوره آموزش جامع HTML


تعداد جلسات 13 جلسه
مدت زمان 408 دقیقه
سطح مهارت مقدماتی تا پیشرفته
زبان فارسی
دانشجو 78 دانشجو
گواهی نامه ندارد
قیمت دوره : 0 تومان
رایگان
مهدی عباسی
مهدی عباسی

درباره مدرس :

مدیر‌ عامل‌ شرکت آریا‌ نرم‌‌ افزار دارنده مدرک کارشناسی‌ ارشد مهندسی کامپیوتر 12‌ سال سابقه تدریس دروس کامپیوتر را در دانشگاههای دولتی، آزاد، پیام‌نور ملایر، شهیدشمسی‌پور تهران و تدریس برنامه‌نویسی در انیستیتو ایزایران، مجتمع فنی و موسسه راه‌آینده تهران دارا میباشد و تا به حال راهنمایی انجمنهای علمی دانشگاه و صدها پروژه دانشجویی را برعهده داشته است. تخصص اصلی: با داشتن گواهی‌نامه‌های معتبر تدریس از انیستیتو‌ ایزایران، راه آینده‌تهران و سازمان‌فنی‌حرفه‌ای، تدریس و آموزش‌ دروس کامپیوتر، ‌برنامه‌نویسی کامپیوتر و کلاسهای کنکور کارشناسی و کارشناسی‌ارشد میباشد.همچنین تجربه داوری و نظارت مسابقات برنامه‌نویسی کشوری‌ACM را در سالهای متعدد داشته و تیم مورد رهبری ایشان در 3سال متوالی مقام اول مسابقات کشوری را از آن خود کرده است.ایشان مقالاتی در زمینه شبکه‌های کامپیوتری، تکنیک‌های وزارت دفاع و ... به ثبت رسانده و مشاور و کارشناس در طراحی و برنامه نویسی بیش از 50‌برنامه کاربردی تحت وب و ویندوز و موبایل میباشد. افتخارات دیگر:کسب مقام دوم ایده‌های برتر در مسابقات استارت‌آپ و بکند کشوری را نام برد.