HTML에서 이메일 입력 유형을 사용하는 방법은 무엇입니까?

이메일은 이메일 주소를 사용하여 다른 사람에게 공식적인 이메일을 보낼 수 있는 인터넷 도구입니다. Yahoo, Gmail, Hotmail 등과 같은 다양한 이메일 서비스 제공업체가 있습니다. 우리가 선택한 이메일 주소를 받으려면 이러한 서비스 제공업체에 등록해야 합니다. 이메일 주소는 사용자 이름과 도메인 이름의 두 부분으로 구성됩니다. 사용자 이름은 대문자 또는 소문자, 숫자, 특수 문자 및 마침표로 구성될 수 있습니다. 사용자 이름의 최대 길이는 64자이고 도메인 이름의 최대 길이는 253자입니다. 사용자 이름과 도메인 이름은 항상 "@" 기호로 구분됩니다. 우리는 여러 곳에서 이메일 ID를 입력하며 웹 페이지는 항상 유효한 주소를 허용한다는 점을 관찰하셨을 것입니다.

HTML 형식에서는 "이메일" 유형의 한 줄 입력 컨트롤을 만듭니다. Typemail을 사용하면 이메일 주소의 유효성을 자동으로 확인합니다. 이메일 주소 확인은 매우 중요합니다. 그렇지 않으면 사용자가 잘못된 이메일 주소를 입력할 수도 있습니다. 이메일 주소 전체를 확인하지는 않고, 최상위 도메인인 @, TLD 확장자만 확인합니다.

HTML에서 이메일을 사용하는 방법을 알아봅시다.

예

으아악

이 앱에서는 사용자가 올바른 이메일 주소 형식을 입력하지 않으면 오류 메시지가 표시됩니다.

또한 이메일 제어에서 여러 이메일 주소를 허용하도록 설정할 수도 있습니다. 예를 들어 이메일을 작성할 때 받는 사람, 참조 및 숨은 참조 필드에 여러 주소를 입력할 수 있습니다. 따라서 여러 이메일 주소를 입력할 수 있는 컨트롤을 만들고 싶다면 MULTIPLE 속성을 사용할 수 있습니다.

Example

이 개념을 명확히 하기 위해 예를 살펴보겠습니다.

으아악

"받는 사람", "참조" 또는 "숨은 참조" 필드에 쉼표(,)를 사용하여 여러 수신자의 이메일 주소를 입력할 수 있습니다.

웹사이트에서 이메일 주소의 문자 수에 제한을 설정하고 싶다면 태그에 MINLENGTH 및 MAXLENGTH 속성을 사용할 수 있습니다. MINLENGTH는 이메일 주소가 허용할 수 있는 최소 문자 수를 지정하고, MAXLENGTH는 이메일 주소의 최대 문자 수를 제한합니다.

예

으아악

입력 내용은 한도를 초과할 수 없습니다. 한도를 초과하면 커서가 입력을 중지합니다.

이메일 컨트롤의 기본값을 설정하려면 기본 이메일 ID가 빈 텍스트 필드 대신 이메일 텍스트 필드(VALUE 속성 사용)에 표시됩니다. REQUIRED 속성을 사용하여 필수 필드로 만들 수도 있습니다.

예

으아악

비워두면 오류가 표시됩니다.

웹사이트에서 사용자가 올바른 형식으로 쉽게 입력할 수 있도록 이메일 주소를 입력할 수 있는 형식을 표시해야 한다고 가정해 보겠습니다. 이를 위해 자리 표시자를 만들 수 있습니다.

예

으아악

마지막으로 특정 도메인의 이메일 주소로만 입력을 제한할 수 있는 패턴 속성에 대해 논의하겠습니다. 다른 도메인의 이메일 주소는 허용되지 않습니다.

예

으아악

이 앱에 따르면 Gmail 주소만 허용됩니다.

위 내용은 HTML에서 이메일 입력 유형을 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!