>  기사  >  웹 프론트엔드  >  HTML 양식 데이터를 텍스트로 가져와 html2pdf로 보내는 방법은 무엇입니까?

HTML 양식 데이터를 텍스트로 가져와 html2pdf로 보내는 방법은 무엇입니까?

WBOY
WBOY앞으로
2023-09-06 12:21:151412검색

HTML 양식 데이터를 텍스트로 가져와 html2pdf로 보내는 방법은 무엇입니까?

html2pdf는 개발자가 html을 캔버스, PDF, 이미지 등으로 변환할 수 있는 JavaScript 패키지입니다. html을 매개변수로 받아 PDF나 원하는 문서에 추가합니다. 또한 사용자는 HTML 콘텐츠를 추가한 후 문서를 다운로드할 수 있습니다.

여기서 양식에 액세스하고 html2pdf npm 패키지를 사용하여 PDF에 추가하겠습니다. PDF에 양식 데이터를 추가하는 다양한 예를 살펴보겠습니다.

문법

사용자는 다음 구문을 따라 html 양식 데이터를 텍스트로 보내고 html2pdf로 보낼 수 있습니다.

으아아아

위 구문에서는 ID를 사용하여 양식에 액세스하고 html2pdf() 메서드를 사용하여 PDF에 추가합니다.

예 1(전체 양식을 PDF에 추가)

아래 예에서는 양식을 생성하고 ID로 "from"을 지정합니다. 또한 양식에 일부 입력 요소를 추가했습니다. JavaScript에서는 ID를 사용하여 양식에 액세스하고 이를 "요소" 변수에 저장합니다.

그런 다음 html2pdf() 메서드를 사용하여 PDF에 양식을 추가합니다. 출력에서 사용자는 제출 버튼을 클릭하면 양식 입력 태그 및 값이 포함된 PDF를 다운로드하는 것을 확인할 수 있습니다.

으아아아

예 2(PDF에 양식 콘텐츠만 추가)

아래 예에서는 전체 양식이 아닌 양식의 내용을 PDF에 추가하겠습니다. 첫 번째 예와 같이 양식을 만들고 일부 입력 필드를 추가했습니다.

JavaScript에서는 각 입력의 ID를 사용하여 해당 값에 액세스합니다. 그런 다음 JavaScript를 사용하여 "div" 요소를 생성하고 "innerHTML" 속성을 사용하여 div 요소의 HTML에 양식 콘텐츠를 추가했습니다.

다음으로 div 요소의 콘텐츠를 사용하여 PDF를 만듭니다.

으아아아

사용자는 html2pdf를 사용하여 PDF에 양식 데이터를 추가하는 방법을 배웠습니다. html2pdf() 메소드만 호출하면 모든 것이 처리됩니다. 첫 번째 예에서는 PDF의 입력 값이 포함된 전체 양식을 추가했고, 두 번째 예에서는 양식 데이터를 추출하여 PDF에 추가했습니다.

위 내용은 HTML 양식 데이터를 텍스트로 가져와 html2pdf로 보내는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제