شما می توانید با عضویت در انجمن پرسش و پاسخ درسمن هرگونه سوالی دارید را مطرح کنید


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


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

ساخت فرمها

تمامی تگ‌هایی که تاکنون یاد گرفته‌ایم می‌توانند چهار صفت داشته باشند. “”=Id=””، name=””، style و “”=class این صفت‌ها هستند که در این جلسه با “”=id و “”=name کار می‌کنیم. صفت “”=name بیشتر برای تگ‌های “”=input استفاده می‌شود و می‌توان در بعضی مواقع به دو تگ صفت “”=name با مقدار یکسان داد اما هیچ‌یک از تگ‌های یک صفحه نمی‌توانند صفت “”=id با مقدار یکسان داشته باشند. می‌توان گفت که صفت “”=id، نام تگ در سمت کلاینت است و تمام‌کارهایی که در سمت کلاینت انجام می‌دهیم از صفت “”=id استفاده می‌کنیم. اما صفت “”=name، نام تگ در سمت سرور است و برای شناخت و پیدا کردن تگ در سمت سرور از صفت “”=name استفاده می‌کنیم. انتخاب مقدار این دو تگ دلخواه است و بهتر است مقدار آن‌را را بامعنی انتخاب کنیم تا در آینده به مشکل برنخوریم.

 

<DOCTYPE html!>
< Html>
< head>
<title>آموزش وب</title>
</ head>
< body>
<form>
<“table   border=”1>
 <tr>
تصویر
</tr>
<tr>
<input   type=”file” />
</tr>
</table>
</form>
</ body>
</ Html>

 

اگر بخواهیم از چندگزینه‌ای که داریم، کاربر بتواند فقط یکی را انتخاب کند باید به تگ‌های “”=input صفت “”=name با مقدار یکسان دهیم.

 

<DOCTYPE html!>

< Html>

< head>

<title>آموزش وب</title>

</ head>

< body>

<form>

<“table   border=”1>

<tr>

جنسیت

</tr>

<tr>

<“input   type=”radio”   name=”gender”   id=”male> مرد

&emsp;

<“input   type=”radio”   name=”gender”   id=”female>زن

</tr>

</table>

</form>

</ body>

</ Html>

 

برای داشتن چند گزینه که کاربر بتواند همه آن‌ها را انتخاب کند باید به تگ‌های “”=input صفت‌های “”=name و “”=id با مقدارهای متفاوت دهیم.

 

<DOCTYPE html!>

< Html>

< head>

<title>آموزش وب</title>

</ head>

< body>

<form>

<“table   border=”1>

<tr>

جنسیت

</tr>

<tr>

<“input   type=”radio”   name=”gender”   id=”male> مرد

&emsp;

<“input   type=”radio”   name=”gender”   id=”female>زن

</tr>

</table>

</form>

</ body>

</ Html>
برای صفت دادن به منو‌های باز شونده که از تگ <select></select> و تگ‌های <option></option> درون آن تشکیل می‌شد، باید فقط به تگ <select></select> صفت داد و لازم نیست به تگ‌های <option></option> صفت دهیم زیرا فقط یکی از گزینه‌ها انتخاب می‌شود.

 

<DOCTYPE html!>

< Html>

< head>

<title>آموزش وب</title>

</ head>

< body>

<form>

<“table   border=”1>

<tr>

جنسیت

</tr>

<tr>

<“input   type=”radio”   name=”gender”   id=”male> مرد

&emsp;

<“input   type=”radio”   name=”gender”   id=”female>زن

</tr>

</table>

</form>

</ body>

</ Html>

 

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

 

<DOCTYPE html!>

< Html>

< head>

<title>آموزش وب</title>

</ head>

< body>

<form>

<“table   border=”1>

<“tr   colspan=”2>

<center>

</ “ثبت”=input   type=”submit”   value>

</center>

</tr>

</table>

</form>

</ body>

</ Html>

 


برچسب ها :

تگ select تگ option تگ input

نظر بدهید

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

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


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

درباره مدرس :

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