تبلیغات متنی و بنر

آموزش HTML 5  >  کنترل های جدید در HTML 5  >  کنترل email

کنترل email :

از این کنترل برای قرار دادن یک کادر متن بر روی صفحه استفاده می شود که کاربر حتما باید در آن یک آدرس ایمیل وارد نماید . اگر مقدار ورودی توسط کاربر فرمت صحیحی یک ایمیل را نداشته باشد ، کنترل error داده و مانع از ارسال اطلاعات می شود .
شکل کلی استفاده از این کنترل به صورت زیر است :

syntax <input type="email" name="name" > 

پشتیانی در مرورگر های مختلف :

این کنترل فقط در مرورگرهای کروم ، فایرفاکس و اپرا پشتیانی می شود .

مثال عملی :

مثال : در مثال زیر یک کنترل <input> از نوع "type="email ،  را بر روی صفحه قرار داده ایم . به وسیله این کنترل آدرس ایمیل خود را وارد کرده و سپس با کلیک بر روی دکمه فرمان show email ، آن را بر روی صفحه نمایش دهید :

Example
<input type="email"   id="inputEmail" >    : آدرس ایمیل خود را وارد نمایید 
 <br />
<input type="button" id="btn1" value="show email" onclick="showEmail()" />
 <br />
<div id="MyDiv"> </div>
<script type="text/javascript">
    function showEmail() {
         document.getElementById("MyDiv").innerHTML = "Your Email is : " +  document.getElementById("inputEmail").value;
      }
</script> 		کد
    : آدرس ایمیل خود را وارد نمایید

خروجی

راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی

نظر خودتان درباره این صفحه را با ما در میان بگذارید  :

آیا مطالب این صفحه برای شما مناسب و مفید بود ه است :

نام :               
آدرس Email :  

نظر شما :  

سوال امنیتی : جمع سه + پنج چنده ؟