[HTML] input 태그가 아닌 태그에 입력 가능하게 하기

여름노래불러줘·2020년 8월 10일
0
<div contenteditable></div>

contenteditable 이라는 프로퍼티를 사용하면 input 태그가 아닌 태그에도 입력을 할 수 있다. div 태그뿐 아니라 button 등의 다른 태그들에도 적용할 수 있다.

웹접근성을 고려하면 input 태그를 사용하는게 맞겠지만, 자바스크립트 없이 HTML 프로퍼티 하나가 이런 일을 가능케 하는 것이 어딘가에 쓸 곳이 있지 않을까 생각되어 안까먹을려고 올려본다.

폼전송 또한 가능한지 간단하게 express 웹서버를 통해 테스트 해보았다.
body-parser 미들웨어를 통해 req.name.xxx 의 형태로 값을 받으려 시도했으나,
undefined 만 출력된다.

그럴 일은 거의 없겠지만, 이걸 사용해 서버와 통신해야 한다면 innerText 를 사용해 AJAX 전송을 해야만 할 것 같다.

0개의 댓글