زوپیرنت

در ادامه ی آموزش HTML که پایه ی طراحی سایت هست به بخش Form سازی و خصوصیات پیشرفته ی آن می پردازیم.

Forms

فرم ها در HTML برای ارسال اطلاعات به سرور بکار میروند.

خاصیت action :

برای انتخاب محلی که سرور قرار هست اطلاعات رو بفرستد بکار میرود .

<form action="http://www.example.com/form.cgi"></form>

خاصیت method :

برای انتخاب متد ارسال به سرور بکار میرود که دارای دو نوع می باشد:

۱- get

۲- post

<form action="http://www.example.com/form.cgi" method="get"></form>

Form controls

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

فراموش نکنید که شما باید کنترل مورد انتخابتان را در تگ <input> قرار بدهید.

type=”text”

برای دریافت متن کوتاه بکار میرود مثل اسم،فامیل و …

Account: <input type="text"><br> PIN: <input type="text">

type=”radio”

این کنترل برای دریافت یک گزینه بکار میرود مثلا جنسیت ، وضعیت تاهل و …

input type="radio" name="gender" value="m">male<br> <input type="radio" name="gender" value="f">female

type=”tel”

این کنترل برای دریافت شماره تلفن بکار می رود.

<pre>Phone: <input type="tel">

type=”email”

این کنترل برای دریافت آدرس ایمیل بکار می رود.

Cc: <input type="email">

<textarea>

این کنترل برای دریافت متن چند خطی بکار می رود که شما با کمک از خاصیت cols و rows می توانید به ترتیب ستون ها و ردیف ها را مشخص کنید. با خاصیت cols می توانید بیشترین تعداد کاراکتر ها را در یک خط مشخص کنید که معمولا ۲۰ تا هست و خاصیت rows هم برای تعیین تعداد خطوط هست.

<textarea cols="80" rows="5"></textarea>

Select menu

خاصیت <select> برای درست کردن لیستی از گزینه های یا همان  <option> ها به کار میرود.

<select>
 <option>Boston</option>
 <option>New York</option>
 </select>