input text (value) 값에 줄바꿈을 넣고싶을때 : textarea 태그를 사용

textarea를 사용하면 text여러줄을 저장할수있다

그냥 textarea를 저장했다 db에서 가져오면 xss방지때문에 줄바꿈<br>이 적용이 안된채 가져와진다.

때문에 

 

1) 가져와서 표기할때도 textarea 태그를 사용한다 ( 제일쉽고 간단한 방법 )

<textarea style="border:0px; resize: none;" spellcheck="false" onfocus="this.blur();" readonly><

?=$텍스트가담긴변수?></textarea>

참고로 

- resize : textarea 태그를 사용하면 하단에 // 이렇게 표기된 사이즈 조절 아이콘이 표기된다.

- spellcheck="false" : 오타체크속성 빨간줄안보이게

- readonly : 읽기 모드 ,작성안됨

     - > onfocus="this.blur();" :

readonly 만 하면 커서를 가져다대었을때 보이기 때문에 입력가능한것처럼 보이기 떄문에 커서 포커스를 안보이도록 해주는 속성 

 

2)db에서 가져올때  \n을 <br> 로 바꿔서 가져오거나 

 

3) textarea를 저장할때 \n을 <br> 로 바꿔서  저장하거나 

근데 이방법은 나중에 수정하려 가져왔을때 <br>이 그대로 보이기 때문에 수정하지 않을 텍스트값에만 적용하기