HTML 텍스트 상자에 줄 바꿈을 추가하는 방법은 무엇입니까?

HTML 텍스트 영역에 줄 바꿈을 추가하려면 HTML 줄 바꿈 태그를 사용하여 어디에나 줄 바꿈을 삽입할 수 있습니다. 또는 CSS 속성 "white-space: pre-wrap"을 사용하여 자동으로 텍스트에 줄 바꿈을 추가할 수도 있습니다. 이는 텍스트 영역에 미리 서식이 지정된 텍스트를 표시할 때 특히 유용합니다. 그럼 줄 바꿈을 추가하는 방법에 대해 논의해 보겠습니다.

방법

• HTML로 텍스트 영역을 만들고 ID를 할당하세요.

• 클릭하면 줄 바꿈을 사용하여 텍스트 영역의 텍스트를 분할하는 버튼을 만듭니다.

• 이제 텍스트를 줄바꿈으로 나누는 함수를 만들어보세요. 이 함수의 코드는 -

입니다.

예

이 메서드의 최종 코드는 -

이 예에서 JavaScript 코드는 먼저 getElementById() 메서드를 사용하여 ID로 텍스트 영역 요소를 가져옵니다. 그런 다음 value 속성을 사용하여 텍스트 영역에서 텍스트를 가져옵니다. 다음으로, 바꾸기() 메서드를 사용하여 마침표의 모든 인스턴스를 줄 바꿈으로 바꿉니다. 마지막으로 value 속성을 사용하여 텍스트 영역을 새 텍스트로 업데이트합니다.

참고: 정규식 /./g의 g 플래그는 모든 마침표를 바꾸는 데 사용됩니다. 이것이 없으면 첫 번째 항목만 대체됩니다.

위 내용은 HTML 텍스트 상자에 줄 바꿈을 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!