[HTML] 기초문법-4

 

 

1. name 속성

name ="변수명"

 

<form action="">
            정보공개 : 
                <input type='radio' name="access">공개
                <input type='radio' name="access" checked>비공개
                <!-- access라는 변수에 사용자가 선택한 값을 저장함.
                이름이 같아야 선택한 값 하나만 들어가기 때문에.
                입력양식은 사용자가 입력하지 않으면 서버에 저장되지 않기 때문에
                default로 checked 추가-->

            <hr> <!--수평선을 그려주는 태그 -->

            <!-- html의 입력 양식 값은 저장할 변수가 필요하며 한개 이상의 값을 보관할 수 있음.  -->
            취&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;미 :
            <input type='checkbox' name="hobby">탁구
            <input type='checkbox' name="hobby">배드민턴
            <input type='checkbox' checked="checked" name="hobby">음악감상
            <input type='checkbox' checked="checked" name="hobby">악기연주
        </form>

 

라디오 버튼은 하나만 선택하도록 되어있기 때문에 name 속성을 추가하면 name 변수에 하나의 값만 저장되지만

체크박스는 여러개 선택하도록 되어있기 때문에 name속성에 지정한 변수에 여러개의 값이 저장된다. 

 

모든 입력양식은 사용자가 입력하지 않으면 서버로 전송이 되지 않기 때문에 default 값을 지정해줘야한다. 

 

-checked : 이름만 있고 값이 없는 속성. 

              checked="checked"로 작성해도 되지만 checked 만 명시해도 된다. 

 

2.QueryString의 구조

 

 <form action="http://localhost:8888" method="POST">
 <!--action="전송된 아래의 변수(=전송파라미터)를 받아서 처리할곳을 URL로 지정" 
                //method ="GET or POST" 사용자가 입력한 것(Request Parameter)을 
                어떤식으로 담아서 보낼것인가? -->

 

QueryString
?이름=값&이름=값.....

 

 

method = "GET"

=>GET 방식. request 문서의 첫행에 QueryString이 나온다. 

*중요한 정보이면 GET방식으로 사용하면 안 된다!!! *

 

단점1 : url 주소 뒤에 쿼리 스트링이 붙는다. 

       => 만약 주민번호를 입력했다면? 중요한 정보가 노출돼서 보안에 취약함. 

단점2: 첫 행의 길이가 제약이 있다. 

      => 입력양식이 많으면 첫 라인에 늘어져 초과함. 

 

method ="POST"

=>POST 방식. request 문서의 body부분에 QueryString이 나온다. 

보내는 데이터가 많을때 "POST"로 보내야한다. 

 

단점: Chatacter인코딩을 해줘야함