development♥

textarea 태그 작성법

리니❤ 2022. 10. 22. 09:10
반응형

 

textarea태그의 placeholder 및 줄 바꿈

 


 

 

 

 

textarea태그는 input태그와 달리 여러줄 입력이 가능하다 :)

 

<textarea  class="form-control" name="warning" maxlength="1000"><%=resultMap.getString("WARNING") %></textarea>

 

 

textarea태그 특징

(1)

<textarea  />  -- 단일태그 X

<textarea>  </textarea> --- O

 

(2)

textarea코드 작성시 줄을 띄우면 안됨

예.

[틀린예시]

<textarea  class="form-control" name="warning" maxlength="1000">

<%=resultMap.getString("WARNING") %>

</textarea>

 

[맞는예시] -->한줄로 작성하기

<textarea  class="form-control" name="warning" maxlength="1000"><%=resultMap.getString("WARNING") %></textarea>

 

 

 

 

input태그와 textarea태그 작성 차이 

 

input태그 à textarea태그로 변경시 확인할것

 

<input type="text" class="form-control" name="warning" maxlength="1000" value="<%=resultMap.getString("WARNING") %>"/>

 

--- 아래코드로 변경

 

<textarea  class="form-control" name="warning" maxlength="1000"><%=resultMap.getString("WARNING") %></textarea>

 

 

---코드설명---

<textarea> 단일태그가 아닌 </textarea>닫는 태그 필요

Type=”text” 삭제

Input 태그는 value 사용하지만 textarea <%=resultMap.getString("WARNING") %> 이것만 사용함

 

 

 

***주의할 ****

textarea태그 사용시 줄을 띄우면안댐

아래 사진에보면 코드가 줄바꿈없이 되어있음

이유는 작성할 그런 줄바꿈같은게 반영됨

 

 

 

textarea태그에서 줄바꿈할때 enter가 아닌 <br/>사용

 

 

 

반응형