آموزش HTML – جلسه هفتم – Form

نویسنده: بابک حبیبی
تاریخ: ۱۳۹۱ - ۰۶ - ۲۳
دسته بندی: HTML اچ تی ام ال

در ادامه ی آموزش 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">

 Input text in HTML

type=”radio”

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


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

Input radio in HTML

type=”tel”

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

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

Input tel in HTML

type=”email”

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


Cc: <input type="email">

Input email in HTML

<textarea>

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


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

Textarea in HTML

Select menu

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


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

Menu In HTML

برچسب: - - - -

درباره ی

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

Comments are closed.