본문 바로가기
WEB

JSP 2일차(tag)

by pms93 2022. 9. 13.

<textarea/>
 - text를 입력할 수 있는 field를 생성한다.
 - rows, cols 속성 설정으로 크기를 조절할 수 있다.
 - readonly="readonly" 속성을 통해 읽기 전용으로 만들 수 있다.

<select/>
 - 기본적으로 단일선택만 가능하게 되어있다.
 - multiple 속성을 통해 다중선택이 가능하게 할 수 있다.(자주 쓰이진 않는다)
 - <option>태그로 선택지를 추가할 수 있다.
 - 선택된 항목을 서버로 전송하기 위해서는 name속성을 설정해야 한다.
<option/>
 - select의 선택지를 추가할 수 있다.
 - 태그의 text는 보여주는 용도이고 서버에 전달하기 위해서 value속성을 추가해야 한다.

<fieldset/>
 - form과 비슷한 개념으로 한 그룹(영역)을 만들 수 있다.

<legend>
 - fieldset의 제목처럼 text를 부여 할 수 있다.

<div/>와 <span/>의 차이
 - div는 해당 공간의 width를 화면 크기에 따라 동적으로 영역을 차지한다
 - span은 태그 내의 데이터 만큼만의 공간을 차지한다.
 - div는 자동개행이 되는 반면 span은 자동개행이 되지 않는다.

* form 태그를 통해 Button태그도 submit처럼 사용할 수 있다.
* button태그에 img태그를 통해 이미지를 입힐 수 있다.
* img태그 내에 src의 경로에 이미지가 없을 경우 alt속성을 통해 이미지가 없을 시 출력해줄 text를 설정할 수 있다.
* 한글데이터의 경우 URL에 표기 될 때는 알아서 한글로 번역해서 보여주지만 사실은 한글 그 자체를 전송할 수 없다. (16진수로 이뤄진 데이터를 encoding 해야 한다.)
    -> name = %EB%B0%95%EB%AC%B8%EC%86%A1
    -> name = 박문송

'WEB' 카테고리의 다른 글

CSS 1일차(tag)  (0) 2022.09.13
JSP 2일차(실습)  (0) 2022.09.13
JSP 1일차(실습)  (0) 2022.09.07
JSP 1일차(tag)  (0) 2022.09.07
JSP 공부 전 선행사항  (0) 2022.09.07