ما با استفاده از تگ <input> می توانیم بسیاری از اطلاعاتی را که در فرمها نیاز داریم از طریق کاربران به دست آوریم. در حقیقت این تگ برای وارد کردن اطلاعات توسط کاربر استفاده می شود. این تگ در HTML4.01 نیازی به تگ پایانی ندارد.
از تگ <input> می توانیم برای ساختن کادرهای مربوط به وارد کردن متن، کادر کلمه عبور، فیلدهای مخفی، دکمه های رادیو، چک باکس، دکمه ارسال فرم، دکمه پاک کردن فرم و انواع دیگر دکمه ها و چند نوع ورودی دیگر استفاده کنیم. در اینجا هر کدام از این ورودی ها را به صورت جداگانه مورد بررسی قرار می دهیم.
از این نوع ورودی برای ایجاد یک کادر یک سطری برای ورود متن استفاده می شود. برای ساختن این کادر باید از شناسه "type="text در تگ <input> استفاده کنیم. در صورت تعریف نشدن شناسه type در مرورگرهای جدید این شناسه به صورت پیش فرض به کار می رود و یک Text Box را نمایش می دهد اما برخی از مرورگرهای قدیمی در صورتی که از ایسن شناسه استفاده نشود این کادر را نمایش نمی دهند.
یک نمونه از کد مربوط به ایجاد این کادر را می توانید در اینجا مشاهده کنید:
کادر متنی بالا به صورت زیر نمایش داده می شود:
در اینجا به توضیح برخی از شناسه هایی که با این نوع ورودی به کار می روند می پردازیم. به خاطر داشته باشید که همه این شناسه ها باید در تگ <input> به کار روند.
برای مشاهده کادر در حالات فقط خواندنی (readonly) و غیر فعال (disabled) حالت مورد نظر خود را در مثال زیر انتخاب کنید و نتیجه را در کادر متنی زیر مشاهده کنید:
حالت مورد نظر شما :
کادر متنی نمونه :
علاوه بر شناسه های بالا که فقط مربوط به فرم هستند از شناسه های استاندارد زیر نیز می توان در تگ فرم استفاده کرد:
id, class, title, style, dir, lang, xml:lang
رویدادهای زیر هم در تگ فرم قابل استفاده هستند.
onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
برای نمایش یک تصویر در اینترنت شما نمیتوانید آدرس تصویر را از راینه ی خود به
دیگران داده تا آن را مشاهده کنند
برای مشاهده دیگران شما نیاز مند آپلود کردن
آن تصویر هستید آپلود کردن یعنی به اشتراک گذاشتن و منتشر کردن یک تصویر یا فایل در
در اینترنت پس از آپلود فایل سایت آپلود کننده به شما یک آدرس میدهد و با وارد کردن
آن آدرس (لینک)شما میتوانید تصویر یا فایل مورد نظر را مشاهده نمایید
با این
مقدمه میپردازیم به ادامه آموزش
برای نمایش یک تصویر در وب شما میتوانید آدرس
تصویر خود را که آپلود شده است و در اینترنت به اشتراک در آمده است را در کد زیر
بجای کلمه آدرس تصویر شما قرار دهید
| <img src="آدرس تصویر شما"> |
در کد بالا فقط تصویر
شما نشان داده خواهد شد اگر قصد دارید که بر روی تصویر خود لینک قرار دهید تا با
کلیک بر روی آن تصویر به مقصد دیگری در همان صفحه منتقل شوید میتوانید از کد زیر
استفاده کنید برای انجام این کار آدرس تصویر خود را بجای کلمه آدرس تصویر شما و
آدرس لینک صفحه مورد نظر را به جای آدرس لینک قرار دهید
| <a href="آدرس لینک"><img src="آدرس تصویر شما"></a> |
کد فوق
امکان این را به شما میدهد که بتوانید لینکی بر روی عکس ایجاد کنید و در صفحه مورد
نظر کاربر با کلیک بر روی تصویر به صفحه دلخواه شما هدایت شود اما صفحه ی جدید در
همانجا باز خواهد شد
اگر قصد دارید که کاربر با کلیک بر روی تصویر به صفحه ای
جدید در پنجره ای جدید منتقل شود و صفحه کنونی بر جای خویش باقی بماند میتوانید از
کد زیر استفاده فرمایید
بدین منظور باید آدرس تصویر خود را بجای کلمه آدرس تصویر
شما و آدرس لینک صفحه مورد نظر را به جای آدرس لینک قرار دهید
| <a target="_blank" href="آدرس لینک"><img src="آدرس تصویر شما"></a> |
با قرار دادن آدرس در کد
بالا کاربر با کلیک بر رو تصویر وارد پنجره جدیدی که شما تغریف کرده اید
میشود
نکته ی مهمی که نیاز به ذکر است این است که:
برای قرار دادن
تصویر در مرکز صفحه از طرفین میتوانید تگ<center> را در ابتدای کد ها و
تگ<center/> را در انتهای کد های
بالا قرار دهید
اگر نمی رفتی نمی دانستم که دوستت دارم . . .
گاهی اوقات آرزو می کنم ای کاش تک پرنده عاشقی بودم که میان صدها هزار پرنده بتوانم به قله بلند سرزمین هستی برسم و پرواز کان نغمه سر دهم که من شیدای تو و عاشقانه دوستت دارم . . .
دوست داشتنت
گناه باشد یا اشتباه ،
گناه می کنم ، تو را ؛
حتی اشتباه . . .
نیلوفرانه دوستت می دارم . . .
من درست مثل خودم ، هنوز و همیشه دوستت می دارم !
ﺍﻧﺪﺍﺯﻩ ﻳﻪ ﺳﺮ ﻛﺒﺮﻳﺖ ﺩﻭﺳﺖ ﺩﺍﺭﻡ !
ﻛﻮﭼﻴﻜﻪ ﻭلی ﺩﻧﻴﺎ ﺭﻭ ﺑﻪ ﺁﺗﻴﺶ ﻣﻴﻜﺸﻪ !
یکبار نوشتی دوستت دارم .
من هزار بار خواندمش . . .
من چند بار بگویم دوستت دارم تا تو یکبار بخوانی ام . . .
با تمام مداد رنگی های دنیا
به هر زبانی که بدانی یا ندانی !
خالی از هر تشبیه و استعاره و ایهام . . .
تنها یک جمله برایت خواهم نوشت :
دوستت دارم خاص ترین مخاطب خاص دنیا !
فاصله گفتن دوستت دارم یک لبخند است ، پس یک دنیا لبخند برای تو !
کل دنیا هم هر روز بگویند : دوستم دارند ”
فایده ندارد . . .
اما دوستت دارم های ” تو ” چه غوغایی میکند لامصب . . .
روحم را تازه میکند . . .
کسی آیا می داند ؟
پس از یاد گرفتن نام تو ، پس از “ دوستت دارم ”
به چه می نازد الفبا ؟
هرچه پیش آمد ، هر اتفاقی افتاد ، فراموش نکن که دوستت داشته ام ، که دوستت دارم و هیچ کس ، هیچ کجا ، هیچ وقت نمی تواند گرمایی که تو به لحظه هایم بخشیدی را تکرار کند . . .
تمام مداد رنگی های دنیا ، به هر زبانی که بدانی یا ندانی ، خالی از هر تشبیه و استعاره و ایهام ، تنها یک جمله برایت خواهم نوشت ، دوستت دارم خاص ترین مخاطب خاص دنیا . . .
کسی آیا می داند ؟
پس از یاد گرفتن نام تو ، پس از “ دوستت دارم ”
به چه می نازد الفبا ؟
دوستت دارم هدیه ایست که هر قلبی فهم گرفتنش را ندارد !
قیمتی دارد که هر کسی توان پرداختش را ندارد !
جملهٔ کوتاهیست که هر کسی لیاقت شنیدنش را ندارد !
دوستت دارم . . .
نمی دانم چه حسی هست این عاشقی ؟
وقتی می نشینم ،
وقتی راه می روم ، وقتی می خوابم دوستت دارم
وقتی صدایی می اید دوستت دارم ،
وقتی سکوت است دوستت دارم
چه می کنی با من که چنین راحت همیشگی شده ای
می خواهم داستانی از علاقه ام به تو را بنویسم :
یکی بود ، یکی . . .
بی خیال . . .
خلاصه اش میشود : دوستت دارم
خورشید بتابد یا نتابد
ماه باشد یا نباشد
شب و روز من یکی شده
فرقی ندارد برایم
همه چیز برایم رویا شده
عشق تو برایم آرزو شده
به رویا و آرزو کاری ندارم
حقیقت این است که دوستت دارم !
توی ذهنم یک دنیا واست حرف دارم . . .
ولی توی دلم یک جمله بیشتر نیست : “ دوستت دارم ”
معنای خوشبختی این است که در دنیا کسی هست که بی اعتنا به نتیجه ، دوستت دارد . . .
حرفهای زیادی بلد نیستم . . .
من تنها چشمان تو را دیدم و گوشه ای از لبخندت که حرفهایم را دزدید . . .
از عشق چیزی نمی دانم اما دوستت دارم کودکانه تر از آنچه فکر کنی !
لعنت به من داتلود
