آموزش HTML :استفاده از دکمه های تصویری به جای SUBMIT

آموزش HTML

آموزش HTML استفاده از دکمه های تصویری به جای SUBMIT

آموزش امروز :

استفاده از دکمه های تصویری به جای SUBMIT

forminhtml

همانطور که دیدید، برای تحویل فرم باید از دکمه Submit استفاده کنید . اما با استفاده از صفت TYPE که مقدارش IMAGE تعیین می شود، می توان از دکمه تصویری برای تحویل فرم استفاده کرد. این دکمه تصویری برای تحویل فرم استفاده کرد. این دکمه نه تنها فرم را تحویل می دهد، بلکه مختصات جایی از تصویر را که کاربر کلیک کرده است ارسال می نماید تصویر نیز با صفت SRC مشخص می شود . اغلب صفاتی که برای دستور <IMG> به کار برده شدند برای این شکل از کاربرد <INPUT> قابل استفاده است.

معرفی سایت :

https://www.codecademy.com

https://html.com

همانند سایر کاربردهای دستور <INPUT> استفاده از صفت NAME نیز در اینجا مهم است زیرا چگونگی انتقال مختصات تصویر را مشخص میکند . با فرض اینکه فایل تصویری به نام Car.gif در کامپیوترتان دارید دستور زیرا آن را به عنوان دکمه تحویل فرم به کار می گیرد:

<“input type=”image” src=”car.gif” name=”sales>

وقتی این تصویر کلیک می شود مقادیر فرم به همراه دو مقدار دیگر به نام های Sales.y,Sales.x ارسال می شوند . این مقادیر مختصات نسبی در تصویر هستند که نسبت به گوشه بالا سمت چپ تصویر سنجیده می شوند.

مثال :

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

<DOCTYPE HTML PUBLIC “-/W3C//DTD HTML 4.0 TRANSITIONAL//EN!>

<html>

<head>

<title> table and form example </title>

<head/>

<body>

<“div align=”center>

<h2> contact form </h2>

<“form action=”mailto:info@arazpardazesh.com” method=”post>

<“table border=”1>

<tr>

<td> first name </td>

<td> <input name=”firstname” size=”40″> </td>

<tr/>

<tr>

<td> last name </td>

<td> <input name=”lastname” size=”40″> </td>

<tr/>

<tr>

<td> company: </td>

<td> <input name=”company” size=”40″> </td>

<tr/>

<tr>

<td> address </td>

<td> <input name=”address” size=”40″> </td>

<tr/>

<tr>

<td> city: </td>

<td> <input name=”city” size=”25″> </td>

<tr/>

<tr>

<td> state</td>

<td> <input name=”state” size=”15″> </td>

<tr/>

<tr>

<td> postal code</td>

<td> <input name=”postal code” size=”10″> </td>

<tr/>

<tr>

<“td colspan=”2>

<“textarea name=”text” rows=”5″ cols=”50>

<textarea/>

<td/>

<tr/>

<tr>

<“td align=”center” colspan=”2>

<“input type=”submit” value=”submit>

<“input type=”reset>

<td/>

<tr/>

<table/>

<form/>

<div/>

<body/>

<html/>

برگرفته از :

راهنمای جامع HTML-DHTML-XML

مولف: دکتر عین الله جعفر نژاد قمی

 

پاسخ به سوال دوستان :

شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟

دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از

تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.

یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.

توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش می‌رود و نداشتن وب سایت

برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید

آدرس ایمیل:  info@arazpardazesh.com

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kla

تماس با ما:     https://arazpardazesh.com/contact

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

یک × دو =