홈>
이 양식에서 사용자가 버튼을 클릭하면 사용자가 클릭 한 버튼 아래에 텍스트 영역과 버튼이 표시됩니다. 미리 송장이나 메모와 비슷합니다. 텍스트 영역에서 사용자는 일반 텍스트만으로 메모 나 수정본을 작성할 수 있습니다. 이것은 버튼 코드
<button type="button" id="revision" onclick="myFunction()" class>Revision</button>
의 예입니다
그리고 이건
자바 스크립트
<script>
function myFunction() {
document.getElementById("demo").innerHTML = <textarea style="resize: none; width: 400px; height: 100px;" type="text" class="form-control" rows="3"></textarea>;}
</script>
시도했지만 버튼에 텍스트 영역이 표시되지 않았습니다. 정말 감사합니다
- 답변 # 1
- 답변 # 2
다음은 원하는 작업을 수행하지만 다른 방법으로 수행 할 수 있습니다
function myFunction() { document.getElementById("demo").innerHTML = `<textarea style="resize: none; width: 400px; height: 100px;" type="text" class="form-control" rows="3"></textarea>`; }
<button onclick="myFunction()">Show TextArea</button> <div id="demo"></div>
할 수있는 것은 텍스트 영역을 숨기고 버튼을 클릭하면 표시하는 것입니다;
function myFunction() { document.getElementById("myTextarea").style.display = "block"; }
<button onclick="myFunction()">Show TextArea</button> <textarea id="myTextarea" style="resize: none; width: 400px; height: 100px; display: none;" type="text" class="form-control" rows="3"></textarea>
- 답변 # 3
<script> function myFunction() { if(true) document.getElementById("demo").style.display = "block"; else document.getElementById("demo").style.display = "none"; } </script>
관련 자료
- onclick - 버튼을 클릭 할 때 부트 스트랩 모달이 트리거되지 않습니다jQuery
- javascript - 명령문을 실행하는 동안 PHP를 사용하여 모달 팝업을 트리거하는 버튼을 반복하는 방법
- html - 웹 페이지에서 여러 버튼 클릭을 수행하는 방법
- javascript - 특정 버튼 클릭시 팝업 모달 표시 안 함
- twitter bootstrap 3 - 위치 고정시 모달 표시 버튼이 작동하지 않음
- javascript - 사용자가 새 페이지로 연결되는 버튼을 클릭하면 클릭 이벤트
- php - 버튼 클릭시 각 레코드의 ID를 모달로 전달하는 방법
- javascript - 반응하는 버튼 클릭으로 매핑 된 데이터를 잡는 방법은 무엇입니까?
- javascript - 버튼 클릭으로 부트 스트랩 모달을 여는 방법
- vb.net - Firefox에서 Aspnet 모달 버튼 OnClick 이벤트가 시작되지 않음
- 버튼 이름이있는 앵귤러 7에서 부트 스트랩 모달 양식을 여는 방법
- c# - 버튼 클릭 수 계산
- android - CursorAdapter에서 버튼 클릭 처리
- android - 동시에 두 개의 버튼 클릭 확인
- excel - 사용자가 사용자 폼에서 X 버튼을 클릭하면 루프를 종료하는 방법은 무엇입니까?
- javascript - 사용자가 버튼을 클릭 할 때 임의의 페이지를 만드는 방법은 무엇입니까?
- javascript - Modal에 체크 된 라디오 버튼을 어떻게 표시합니까?
- php - AJAX를 사용하여 버튼과 관련이없는 데이터를 모달로 전송
- javascript - 별도의 클릭, 동일한 버튼, 기능 후 정상으로 복귀
- javascript - 버튼 클릭 수 제한
관련 질문
- javascript : 확인 code를 위해 HTML 입력을 구성하는 방법은 무엇입니까?
- javascript : 사이트를 답변시킬 때 나는 내 텍스트가 사라질 것을 원합니다! 도움을줍니다
- javascript : HTML 기본 유효성 검사 메시지
- javascript : 절대 항목을 표시하지만 클릭 할 수있는 방법은 무엇입니까?
- javascript : 이 기능을 수정하는 방법은 무엇입니까? 자바 스크립트
- javascript : 이 부드러운 스크롤 스크립트가 하나의 버튼을 위해 작동하는 이유는 무엇입니까?
- javascript : 크롬 V90 Flex 스크롤 버그
- javascript : ScrollMagic은 웹 사이트가 서버에 업로드되면 작동 중지합니까?
- javascript : 파일 업로드 JS에서 비디오 또는 이미지를 차별화합니다
- javascript : WordPress없이 웹 사이트를 구축하고, 서브 디렉토리에 WordPress가 설치되어 있고, WordPress 데이터베이스의 게시물을 반복하여 작동하지 않습니다.
append
를 사용할 수 있습니다 DOM 요소를 동적으로 삽입하는 기능.