آموزش 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 :    
 
نظر شما :  
 
سوال امنیتی : جمع سه + پنج چنده ؟