정보보안공부
JSP_3. HTML 폼태그 사용, JSP파일 만들어보기 본문
<HTML-폼태그>
## 서버로 무엇인가 넘겨주려고 할때 사용한다.
--> <form action=result.jsp"> </form>을 이용해 폼태그를 사용한다.
--> action은 서버에서 받아주는 이름이다
--> result.jsp파일에 서버에서 받아주는 문구를 작성한다.
--> <input type="타입명" name="서버에서받을이름" placeholder="빈칸일때 보여줄문구" required="required" 미입력시 반드시 입력하게 할때 사용한다.>
--> <input type="submit" value="전송하기"> submit타입은 value라는 이름의 전송하기칸을 만들고 누를시에 서버로 전송한다.
--> 서버에서 받아주는 파일인 result.jsp 파일을 작성한다.
--> request.setCharacterEncoding("UTF-8") 은 인코딩을 UTF-8로 설정한다.
--> String name = request.getParameter("name") 폼태그에서 name="설정한name"을 String name에 저장한다.
--> 패스워드도 마찬가지이다.
--> method="post"로 설정하면 주소창에 설정한 id와 password의 설정들이 보이지 않게된다.
--> post방식은 한글이 깨지게 되는데 그것을 방지하기위해 request.setCharacterEncoding("UTF-8")을 jsp파일에 입력한다.
--> type="radio"는 남자나 여자를 선택하는 폼태그방식 checked="checked"는 해당 항목을 기본적으로 선택되어 있도록 한다. value="1"는 서버에서 받아들이는 값이다.
--> 폼태그 input type="raido" value="1"을 설정하면 jsp파일에서 gender을 출력하면 1이거나 2가 출력된다. 이때 선택한 항목은 남자이거나 여자를 선택하는 것이므로 (gender.equals("1")?"남자":"여자")를 이용해 선택한값이 1과 같으면 남자가 선택되고 선택한값이 1과 다르면 : 연산자뒤에있는 여자가 선택된다.
--> input type="checkbox" 는 여러개 선택이 가능하다. 따라서 여러개 선택할 경우 jsp 파일을 작성할때 for문을 이용한다.
--> <label>은 항목을 체크할때 해당칸이아닌 해당영문을 선택해도 체크가 되도록 해당 영문과 체크를 한꺼번에 묶어준다.
--> String [] programs = request.getParameterValues("program") program값을 배열을 이용해 받는다.
--> if(programs != null && programs.length > 0 ) 해당값이 존재하고 해당값이 1개이상이면 for (String p : programs) out.println(p + " "); 해당값을 for문을 이용해 하나씩 출력한다.
--> select name="years" 서버에서 받아주는값은 years로 설정
--> option을 통해 값을작성 value="1" 서버에서 받아주는값 1로 설정
--> int yearsInt = Integer.parseInt(years) years 문자열을 받아서 yearsInt int형으로 형변환을 한다. 출력할때 *10을 통해 실제 연령대를 출력한다.
--> textarea cols와 rows로 크기조절 name="comment" 글작성할때 사용
--> input type="file" 첨부파일을 작성할때 사용
--> input type="submit" 전송할때 사용 value를 이용해 이름작성
--> input type="reset" 다시쓸때 사용 value를 이용해 이름작성
--> input type="button" onclick="alert('왜눌러아프잖아')" value를 이용해 이름작성을 하고 눌러봐를 눌렀을때 왜눌러 아프잖아 알림창 생성된다. 입력한것을 전송하지는 않는다.
--> <button onclick="alert('왜눌러 아프잖아')">눌러봐!!</button> 눌러봐!!를 눌렀을때 입력한것을 전송한다.
--> images폴더에 버튼으로 사용할 사진의 이름을 1.jpg로 넣어넣고
--> <input type="image" src="images/1.jpg"> input type="image"를 사용하면 해당 사진을 누르면 입력한것을 전송한다.
<css>
## cssEx01
--> 인라인 방식 <p style="color:red;">
--> 인터널 방식 <head>안에 <style type="text.css">
p {color:red;font-size:15pt;} </style> 모든p태그에 글자색red 크기 15pt로 설정
--> 익스터널 방식 <link rel="stylesheet" href="css/comm.css">
comm.css파일안에 @charset "UTF-8"
p {padding:10px; border:1px dotted red; background-color:pink;}
빨간점선으로 배경색은 핑크색 글자와 선사이 간격 10px
## cssEx02
--> <style type="text.css">
*{color:gray;} *는 모든것에 적용
#title{color:blue;} #으로 시작되는 것은 id 선택자를 가리킨다.
.sub_title{color:red;} .으로 시작되는 것은 class 선택자를 가리킨다.
'JSP' 카테고리의 다른 글
| JSP_6. 달력만들기 (0) | 2017.09.15 |
|---|---|
| JSP_5. 선언부,표현식,request (0) | 2017.09.15 |
| JSP_4. JSP파일 만들어보기 (0) | 2017.09.13 |
| JSP_2. HTML파일 만들어보기 (0) | 2017.09.09 |
| JSP_1. 이클립스, 톰캣 설치와 기본세팅 (0) | 2017.09.08 |
