ساختن کادرهای ورودی متن برای استفاده در فرمهای HTML

ما با استفاده از تگ <input> می توانیم بسیاری از اطلاعاتی را که در فرمها نیاز داریم از طریق کاربران به دست آوریم. در حقیقت این تگ برای وارد کردن اطلاعات توسط کاربر استفاده می شود. این تگ در HTML4.01 نیازی به تگ پایانی ندارد.

از تگ <input> می توانیم برای ساختن کادرهای مربوط به وارد کردن متن، کادر کلمه عبور، فیلدهای مخفی، دکمه های رادیو، چک باکس، دکمه ارسال فرم، دکمه پاک کردن فرم و انواع دیگر دکمه ها و چند نوع ورودی دیگر استفاده کنیم. در اینجا هر کدام از این ورودی ها را به صورت جداگانه مورد بررسی قرار می دهیم.

جعبه ورودی متن (Text Box)

از این نوع ورودی برای ایجاد یک کادر یک سطری برای ورود متن استفاده می شود. برای ساختن این کادر باید از شناسه "type="text در تگ <input> استفاده کنیم. در صورت تعریف نشدن شناسه type در مرورگرهای جدید این شناسه به صورت پیش فرض به کار می رود و یک Text Box را نمایش می دهد اما برخی از مرورگرهای قدیمی در صورتی که از ایسن شناسه استفاده نشود این کادر را نمایش نمی دهند.

یک نمونه از کد مربوط به ایجاد این کادر را می توانید در اینجا مشاهده کنید:

کادر متنی بالا به صورت زیر نمایش داده می شود:

در اینجا به توضیح برخی از شناسه هایی که با این نوع ورودی به کار می روند می پردازیم. به خاطر داشته باشید که همه این شناسه ها باید در تگ <input> به کار روند.

• type :
  برای اینکه یک کادر متنی ایجاد کنیم باید مقدار این شناسه را text قرار دهیم.

  ---

• name :
  این شناسه برای اختصاص یک نام برای ورودی مربوطه استفاده می شود.

  ---

• maxlength :
  این شناسه برای مشخص کردن حداکثر تعداد کاراکترهای ورودی استفاده می شود. این شناسه در مورد ورودی متنی یک سطری استفاده می شود و مقدار آن باید عددی مثبت باشد.

  ---

• size :
  این شناسه در مورد این نوع ورودی طول کادر را بر حسب تعداد کاراکتر مشخص می کند. البته مرورگرهای مختلف ممکن است بر حسب نوع فونت مورد استفاده اندازه این کادر را مانند هم نشان ندهند. مقدار این شناسه باید عددی مثبت باشد. مقدار پیش فرض این شناسه 20 است.

  ---

• value :
  این شناسه در مورد کادرهای متنی، متنی را که به صورت پیش فرض در کادر متنی نمایش داده می شود معین می کند.

  ---

• "readonly="readonly :
  این شناسه فقط برای کادرهای متنی مورد استفاده قرار می گیرد و باعث می شود تا کاربر نتواند تغییری در متن نوشته شده در این کادر ایجاد کند اما کاربر می تواند متن را مشاهده کند و آنرا انتخاب کند.
  مقادیر مربوط به فیلدهایی که به صورت readonly هستند اگرچه توسط کاربر تغییر نمی کنند ولی با ارسال فرم به سرور ارسال می شوند.

  ---

• "disabled="disabled :
  از این شناسه برای غیر فعال کردن کادر متنی استفاده می شود. به صورتی که کاربر نمی تواند متنی در این کادر بنویسد و یا متن آنرا انتخاب کند. البته این رفتار ممکن است در مرورگرهای مختلف تفاوت داشته باشد.
  مقادیر مربوط به فیلدهایی که به صورت disabled هستند با ارسال فرم به سرور ارسال نمی شوند.

علاوه بر شناسه های بالا که فقط مربوط به فرم هستند از شناسه های استاندارد زیر نیز می توان در تگ فرم استفاده کرد:
id, class, title, style, dir, lang, xml:lang

رویدادهای زیر هم در تگ فرم قابل استفاده هستند.
onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
نظر یادتون نره؟

معرفی فرم در HTML و شناسه های مهم آن

اگر در صفحه بخواهیم از بازدید کننده اطلاعاتی را دریافت کنیم باید از فرم برای این کار استفاده کنیم. فرم برای انتقال اطلاعاتی که توسط کاربر وارد شده اند به یک آدرس مشخص استفاده می شود. هر فرم می تواند شامل اجزایی مانند کادر ورودی متن (Text Field)، جعبه مربوط به ورود متن (Text Area)، دکمه های رادیویی (Radio Button)، منوهای کشویی، چک باکس و ... باشد.

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

از میان شناسه های مورد استفاده در فرم استفاده از شناسه action ضروری است. این شناسه مشخص کننده صفحه ای است که اطلاعات فرم باید به آن ارسال شود. آدرس صفحه مورد نظر باید به عنوان مقدار این شناسه قرار گیرد. لازم به یادآوری است که پس از اینکه کاربر اطلاعات مورد نظر را وارد کرد و دکمه ارسال را کلیک کرد صفحه action برای پردازش اطلاعات باز خواهد شد.
البته استفاده از شناسه method هم اهمیت زیادی دارد ولی در صورتی که از این شناسه استفاده نشود از مقدار پیش فرض آن یعنی get استفاده می شود.

در اینجا لیستی از شناسه های پر استفاده در تگ فرم آورده شده است :

• action :
  همانطور که گفته شد از این شناسه برای مشخص کردن صفحه پردازش کننده اطلاعات ورودی کاربر استفاده می شود.

  ---

• method :
  این شناسه طریقه ارسال اطلاعات را به فایل action مشخص می کند و شامل دو مقدار زیر است:
  
  • get : در این روش اطلاعات از طریق آدرس صفحه (نوار آدرس) ارسال می شوند. به این صورت که اطلاعات وارد شده در فرم پس از یک علامت سؤال بعد از آدرس صفحه action قرار می گیرند و ارسال می شوند. از این روش نمی توان برای اطلاعات طولانی یا کاراکترهای غیر ASCII استفاده کرد. همچنین بهتر است برای اطلاعات مهم از قبیل نام کاربری و کلمه عبور هم از این روش استفاده نشود. چون در این صورت این اطلاعات در نوار آدرس مرورگر نمایش داده می شوند.
  • post : این روش برای ارسال اطلاعات از آدرس صفحه استفاده نمی کند. مزیت این روش نسبت به روش قیل امنیت بیشتر به دلیل عدم نمایش اطلاعات ارسالی به کاربر و همچنین امکان ارسال اطلاعات طولانی تر است.

  ---

• name :
  از این شناسه برای تعریف کردن یک نام منحصر به فرد برای فرم استفاده می شود.

  ---

• target :
  این شناسه روش باز شدن صفحه پردازشگر اطلاعات را مشخص میکند. می توان برای مقدار این شناسه از نام یک فریم برای باز شدن صفحه action در آن فریم استفاده کرد یا از مقادیر از پیش تعریف شده زیر:
  
  • blank_ : صفحه action در یک پنجره جدید باز خواهد شد.
  • self_ : صفحه action در فریمی که فرم در آن قرار دارد باز خواهد شد.
  • parent_ : صفحه action در frameset محتوی فرم باز خواهد شد.
  • top_ : صفحه action در تما پنجره باز خواهد شد.

علاوه بر شناسه های بالا که فقط مربوط به فرم هستند از شناسه های استاندارد زیر نیز می توان در تگ فرم استفاده کرد:
id, class, title, style, dir, lang, xml:lang

رویدادهای زیر هم در تگ فرم قابل استفاده هستند.
onsubmit, onreset, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
نظر یادتون نره؟

 در تازه ترین فهرست ارائه شده از سوی گروه بین المللی Creators Synectics نخبگان جهان معرفی شدند و نام دو محقق و مخترع ایرانی نیز در این میان به چشم می خورد.
  
 
   
در تازه ترین فهرست ارائه شده از سوی گروه بین المللی Creators Synectics نخبگان جهان معرفی شدند و نام دو محقق و مخترع ایرانی نیز در این میان به چشم می خورد.
در این فهرست ۱۰۰ اسمی که از سوی گروهی شش نفره بین المللی ارایه شده است علی جوان از محققان برجسته ایرانی و یکی از دو مخترع لیزر گازی در ردیف دوازدهم قرار گرفته است.
نام این محقق برجسته ایرانی و پرآوازه دانشگاه MIT در عرصه فناوری لیزری جهان می درخشد.
این گروه بین المللی همچنین پردیس ثابتی از محققان برجسته دانشگاههای معتبری نظیر هاروارد، آکسفورد و MIT را به عنوان چهره چهل و نهم معرفی کرده است.
در این فهرست که نام چهره های خبرساز و سرشناسی نظیر اسامه بن لادن و بیل گیتس نیز دیده می شود، از پردیس ثابتی به عنوان یکی از محققان سرشناس جهان در عرصه مطالعات تکاملات انسانی و تاثیرات ژنتیکی بر آن یاد شده است.
بر اساس گزارش "آنوراک" در فهرستی که از سوی گروه بین المللی Creators Synectics ارایه شده آلبرت هافمن دانشمند برجسته سوئیسی در رتبه نخست قرار دارد.
همچنین نلسون ماندلا در رتبه پنجم، استفان هاوکینگ در رتبه هفتم و آندرو ویلز ریاضی دان انگلیسی به طور مشترک با علی جوان در رتبه دوازدهم قرار گرفته است.

 كنترل و كشف قیمت كالاهااز این پس با استفاده از پیام كوتاه صورت می گیرد.
  
 
   
كنترل و كشف قیمت كالاهااز این پس با استفاده از پیام كوتاه صورت می گیرد.
رئیس سازمان بازرگانی آذربایجان شرقی در گفتگو با بیان این مطلب افزود:تمامی كاربران اعم از صنوف تحت پوشش اتحادیه های و اعضای شركت تعاونی از این پس با ارسال قیمت اقلام از طریق SMS درقالب كد مشخص به ثبت قیمت ورودی در سیستم اقدام می كنند.
نجفی تصریح كرد: این طرح همزمان با سراسر كشور در استان اجرا می شود و می توان با استفاده از این سیستم از قیمت كالاها در سایر نقاط كشور نیز آگاه شد.
وی تاكید كرد: بابهره مندی از سیستم كشف قیمت كالا برنامه ریزی در خصوص تنظیم بازار دقیق تر است.

نظر یادتون نره؟

 گروهی از هکرها یک روش لحظه ای را توسعه داده اند که امکان بازکردن "آی پاد لمسی" و "آی فن" اپل را برای کاربران این محصولات فراهم می کند.
  
 
   
گروهی از هکرها یک روش لحظه ای را توسعه داده اند که امکان بازکردن "آی پاد لمسی" و "آی فن" اپل را برای کاربران این محصولات فراهم می کند.
این روش لحظه ای که " Jailbreak" (فرار از زندان) نام دارد، به کاربران آی پاد لمسی و آی فن اجازه می دهد که وارد دیسک داخلی این ابزارها شوند و برنامه جانبی Installer.app را نصب کنند.
Installer.app پس امکان نصب هر برنامه جانبی دیگری را که توسط اشخاص ثالث توسعه یافته است می دهد.
براساس گزارش کاتاوب، برای اجرای این عملکرد تنها کافی است که آدرس یک وب سایت را در مروگر "سافاری" تلفن همراه " آی فن" درج کرد.
در حقیقت با درج یک آدرس وب یک "گیر امنیتی" مربوط به فایل هایTIFF (Tag Image File Format) فعال می شود.
به گفته این هکرها، تنها با یک "ریست" (reset) ساده سامانه این تلفن همراه می توان دستگاه را به حالت اول بازگرداند.
این هکرها همچنین توصیه کرده اند کاربرانی که قصد امتحان این روش را دارند، باید عواقب آن و خطراتی که آی پاد لمسی و یا آی فن آنها را تهدید می کند، بپذیرند.

نظر یادتون نره؟

تلفیقی از فناوریهای نوین به ساخت سیستم ویژه خواندن گرافیکی منتهی می شود که با استفاده از آن نابینایان قادر به دیدن خواهند شد.
  
 
   
تلفیقی از فناوریهای نوین به ساخت سیستم ویژه خواندن گرافیکی منتهی می شود که با استفاده از آن نابینایان قادر به دیدن خواهند شد.
درقالب استفاده از فناوریهای نوین تصاویر الکترونیکی برای نابینایان همچون خطوط بریل خواهند بود.
سیستم خط بریل که بر استفاده از نوعی روش ارتباطی پایه گذاری شده است، برای نخستین بار و از سوی چارلز باربیر برای سربازان ناپلئون به کار گرفته شد.
این خط به نابینایان این اجازه را می دهد تا با استفاده از کاراکترهای مختلف ساخته شده از نقاط برجسته بخوانند و بنویسند. حدود دو قرن است که این سیستم به کار گرفته شده است اما با تلفیق دو سیستم جدید نابینایان قادر خواهند بود که تصاویر را هم در کنار اعداد و حروف درک کنند.
بر اساس گزارش گیزمگ، این دو سیستم جدید که وسیله نمایشگر گرافیک لمسی و خواننده گرافیکی سرانگشتی نام دارد از سوی محققان انستیتو ملی استاندارد و فناوری آمریکا ارایه شده اند.
نمایشگر گرافیک لمسی برای شبیه سازی حسگری منطقه ای با استفاده از آرایه ای متشکل از ۱۰۰ نقطه بسیار ریز محرک در برابر سر انگشت ساخته شده است.
فرد نابینا برای دیدن گرافیک رایانه ای با استفاده از این فناوری ، این وسیله را در سرتاسر سطحی نظیر موس رایانه ای حرکت داده تا به اسکن تصویری در حافظه رایانه بپردازد.
در ادامه رایانه سیگنالی را به وسیله نمایشگر ارسال کرده و محرک ها را بر روی پوست فعال می کند تا الگوی ایجاد شده برای فرد نابینا "ترجمه" شود.

نظر یادتون نره؟

گروهی از محققان دانشگاه فودان در چین موفق به اختراع لامپی شده‌اند كه می‌تواند بوهای بد و نامطبوع را بدون آلوده كردن محیط زیست، از بین ببرد.
  
 
   
گروهی از محققان دانشگاه فودان در چین موفق به اختراع لامپی شده‌اند كه می‌تواند بوهای بد و نامطبوع را بدون آلوده كردن محیط زیست، از بین ببرد.
این لامپ فرابنفش و فاقد الكترود از سوی كمیسیون علوم و فن‌آوری شانگهای مورد ارزیابی قرار گرفته و قرار است در سرویس‌های بهداشتی عمومی، كارخانه‌های پاكسازی فاضلاب و سایر كارخانه‌های صنعتی مورد استفاده قرار گیرد.
لامپ مزبور یك تخلیه كننده میكروموجی است كه می‌تواند امواج فرابنفش را با طول موج ۲۰۰نانومتر بیرون بفرستد.
نور حاصل از این لامپ در از بین بردن بوهای نامطبوع در محیط تاثیر دارد.

نظر یادتون نره؟

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