資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 HTML 中使用電子郵件輸入型別？
電子郵件是網際網路上提供的一項功能，我們可以使用它透過他人的電子郵件地址向他人傳送正式郵件。有很多電子郵件服務提供商，例如雅虎、Gmail、Hotmail 等。我們需要在這些服務提供商處註冊，以便獲得我們自己選擇的電子郵件地址。電子郵件地址由兩部分組成——使用者名稱和域名。使用者名稱可以包含大寫或小寫字母、數字、特殊字元和點。使用者名稱的最大長度可以達到 64 個字元，域名可以有 253 個字元。使用者名稱和域名始終用“@”符號分隔。我們在很多地方輸入我們的電子郵件 ID，您一定也注意到網頁始終接受有效的地址。
在 HTML 表單中，我們建立型別為“email”的單行輸入控制元件。一旦使用型別郵件，它將自動檢查電子郵件地址的有效性。電子郵件地址的驗證非常重要，否則使用者也可能輸入錯誤的電子郵件地址。雖然它不會檢查整個電子郵件地址，但它只檢查 @ 和 TLD 副檔名，即頂級域名。
讓我們瞭解如何在 HTML 中使用電子郵件。
示例
<html> <body> <form name="form1"> <label for="sub">Enter your e-mail id : </label> <input type="email"> <br><br> <input type="submit" value="Submit"> </form> </body> </html>
在這個程式中，如果使用者沒有輸入正確的電子郵件地址格式，它將顯示錯誤訊息。
我們還可以使我們的電子郵件控制元件接受多個電子郵件地址。例如，當我們撰寫電子郵件時，可以在收件人、抄送和密送欄位中鍵入多個地址。因此，如果您也希望建立允許輸入多個電子郵件地址的控制元件，則可以使用 MULTIPLE 屬性。
示例
讓我們看一個例子來澄清這個概念。
<html> <body> <form name="form1"> <table> <tr> <td> <label for="to">To </label> </td> <td> <input type="email" multiple> </td> </tr> <tr> <td> <label for="cc">Cc </label> </td> <td> <input type="email" multiple> </td> </tr> <tr> <td> <label for="bcc">Bcc </label> </td> <td> <input type="email" multiple> </td> </tr> <tr> <td></td><td> <textarea rows="10" cols="50"> </textarea></td> </tr> <tr> <td></td> <td> <input type="submit" value="Submit"></td> </tr> </table> </form> </body> </html>
在收件人、抄送或密送欄位中，我們可以使用逗號 (,) 輸入多個收件人的電子郵件地址。
假設在您的網站中，您希望限制可以在電子郵件地址中鍵入的字元數，則在 <input> 標記中使用 MINLENGTH 和 MAXLENGTH 屬性。MINLENGTH 將指定電子郵件地址可以接受的最小字元數，而 MAXLENGTH 將限制電子郵件地址中的最大字元數。
示例
<html> <body> <form name="form1"> <label for="sub">Enter your e-mail id : </label> <input type="email" minlength="15" maxlength="25"> <br><br> <input type="submit" value="Submit"> </form> </body> </html>
一旦超過限制，您將無法繼續鍵入，它將阻止游標繼續輸入。
要設定電子郵件控制元件的預設值，這意味著在空白文字欄位而不是空白文字欄位中，預設電子郵件 ID 將顯示在電子郵件文字欄位中（使用 VALUE 屬性）。您還可以使用 REQUIRED 屬性將其設為必填欄位。
示例
<html> <body> <form name="form1"> <label for="sub">Enter your e-mail id : </label> <input type="email" value="abc@gmail.com" required> <br><br> <input type="submit" value="Submit"> </form> </body> </html>
如果留空，將顯示錯誤。
假設，在網站中，需要顯示可以輸入電子郵件地址的格式，以便使用者可以輕鬆地以正確的格式輸入它。為此，可以建立佔位符。
示例
<html> <body> <form name="form1"> <label for="sub">Enter your e-mail id : </label> <input type="email" placeholder="abc@gmail.com"> <br><br> <input type="submit" value="Submit"> </form> </body> </html>
最後，讓我們討論一下 pattern 屬性，使用它我們可以對僅輸入特定域名的電子郵件地址進行限制。它將不接受其他域名的電子郵件地址。
示例
<html> <body> <form name="form1"> <label for="sub">Enter your e-mail id : </label> <input type="email" pattern=".+@gmail\.com"><br> <input type="submit" value="Submit"> </form> </body> </html>
因此，根據此程式，僅允許 gmail 地址。
1K+ 次檢視
