HTML 양식 자습서
많은 새로운 웹 디자이너가 투쟁하는 웹 사이트의 일반적인 특징은 형태입니다. 웹 사이트에 양식을 추가하여 사용자가 연락하여 제공하는 제품 또는 서비스에 대해 질문하거나 관심을 표명 할 수 있습니다. 불행히도 복잡한 사이트 양식을 추가하는 방법에 대한 온라인 자습서는 혼란 스러울 수 있으며 새로운 웹 전문가를 멀리 할 수 있습니다.
새로운 웹 비즈에서도 웹 양식을 사용하기가 어렵지 않습니다.
Mailto 양식은 양식을 작성하는 쉬운 방법입니다. 그들은 고객의 컴퓨터에서 양식 소유자에게 양식 데이터를 보내기 위해 이메일 클라이언트에 의존합니다. 웹 사이트 사용자가 완성한 양식 데이터는 양식 코딩에 지정된 특정 주소로 전자 메일을 보내는 것입니다.
웹 디자인을 처음 접했을 때 더 복잡한 상호 작용을 프로그래밍하는 방법을 모르거나 작은 웹 사이트를 운영하면서 양식을 추가하는 간단한 방법을 원할 경우 mailto 양식을 문의 양식으로 사용하는 것이 많습니다 PHP를 작성하는 법을 배우는 것보다 쉽습니다. 또한 미리 작성된 스크립트를 구입하는 것보다 비용이 적게 듭니다.
이 빠른 자습서를 사용하여 mailto 양식을 사용하는 방법에 대해 알아보십시오. 이전에 그렇게 해보지는 못했지만 기술 습득은 "웹 디자인 시작"의 영역에서 쉽고 확실합니다.
시작하기
HTML 양식은 HTML 마크 업을 배우는 것 이상을 요구하기 때문에 새로운 웹 개발자 에게는 어려울 수 있습니다. 양식과 필드를 작성하는 데 필요한 HTML 요소 외에도 양식을 "작동"시킬 수있는 방법이 있어야합니다. 이것은 대개 CGI 스크립트 또는 다른 프로그램에 액세스하여 양식의 "action"속성에 작성해야합니다.
이 작업은 양식에서 데이터를 처리하는 방법과 나중에 데이터로 처리하는 방법 (데이터베이스에 쓰기, 전자 메일 보내기 등)입니다.
양식을 작동하게하는 스크립트에 대한 액세스 권한이없는 경우 최신 브라우저에서 지원하는 양식 작업이 하나 있습니다.
action = " mailto : youremailaddress "
이것은 웹 사이트에서 이메일로 양식 데이터를 가져 오는 간단한 방법입니다.
시피,이 솔루션은 할 수있는 일이 매우 제한적이지만, 아주 작은 웹 사이트의 경우 시작할 수있는 좋은 곳입니다.
Mailto 양식 사용법
enctype = "text / plain"속성 사용
이것은 브라우저가 전자 메일 클라이언트뿐만 아니라 폼이 더 복잡한 것이 아닌 일반 텍스트를 전송하고 있음을 알려줍니다. 일부 브라우저 및 전자 메일 클라이언트는 웹 페이지 용으로 인코딩 된 양식 데이터를 보냅니다. 즉, 데이터가 하나의 긴 줄로 보내지고 공백은 더하기 (+)로 대체되며 다른 문자는 인코딩됩니다. enctype = "text / plain"속성을 사용하면 데이터를 더 쉽게 읽을 수 있습니다.
GET 또는 POST 메서드 사용
POST 메소드가 가끔 작동하는 경우, 브라우저에서 빈 이메일 윈도우를 열 때가 있습니다. GET 방법으로 이런 일이 발생하면 POST로 전환하십시오.
샘플 Mailto 양식
다음은 mailto 액션을 사용하는 샘플 폼입니다 (참고 - 이것은 매우 간단한 마크 업입니다. 이상적인 마크 업과 요소를 사용하여 이러한 양식 필드를 코딩하는 것이 이상적이지만이 예제는이 튜토리얼의 범위에서 충분합니다).
귀하의 이름 :
성 :
주석 :
form>
고객이 양식이 전자 메일을 통해 제출 중임을 알리는 메시지가 표시됩니다. 결과는 다음과 같습니다.
first_name = 제니퍼
last_name = Kyrnin
comments = 안녕하세요!
Mailto Forms에 대한 특별 참고 사항
다시 한번이 방법은 쉽지만 매우 제한적입니다. 분명히 mailto 형식은 모든 브라우저 및 전자 메일 클라이언트 조합에서 항상 작동하는 것은 아닙니다 . mailto 양식을 사용하려고했지만 성공하지 못했다면 이는 아마도 이유 일 수 있습니다. 기능을 실패하게 만드는 기술의 조합이있을 수 있습니다. 그러한 양식 사용 시도에 방해가 될 수있는 것에 대한 자세한 내용은 " Mailto 양식이 작동하지 않는 경우 "를 참조하십시오.
이 방법은 전자 메일을 생성하고 양식 데이터를 보내는 웹 양식을 작성하는 데 좋은 방법이지만 웹 기술이 더 발전된만큼 확실히 강력한 옵션을 찾아야합니다. CGI 스크립트에서 PHP 양식, 양식 위젯이 내장 된 CMS 플랫폼에 이르기까지 미래 웹 사이트 양식 요구 사항을 고려할 수있는 고급 옵션이 많이 있습니다.
Jennifer Krynin의 원본 기사입니다. 제레미 지라드 편집 : 9/12/17