[Chapter 4-1] HTML5 공부 5일차! (2021-07-03)

장마가 시작되는 첫 날이다. 어제까지는 날씨가 엄청 덥다가 장마기간이 되니까 선선해져서 매우 좋다.ㅎㅎ

 

<form action="register.php" method="post",autocomplete ="off">
            <label for="id이름">아이디</label>
            <input type="text" id ="id이름" title="검색">
            <input type="submit" value="검색">

        <form action = "login.php" method ="post",autocomplete="off">
            <ul>
                <li>
                    <label for="ID">아이디</label>
                    <input type="text" id="ID" title ="ID입력">
                </li>
                <li>
                    <label for="PWD">비밀번호</label>
                    <input type="text" id="PWD" title ="PW입력">
                </li>
                <li>
                    <input type="submit" title = "로그인" value ="로그인">
                </li>
            </ul>
        </form>

• <form> 폼을 만드는 기본적인 태그 , (method = 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정 , get = 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다 , 속성 {post = 입력 내용의 길이에 제한을 받지 않고 사용자가 입력한 내용이 드러나지 않는다 대부분 post를 주로 쓴다.) , name = 폼의 이름을 지정 , action = form태그 안의 내용들을 처리해 줄 서버 상의 프로그램을 지정 , target = 스트립트 파일을 현재 창이 아닌 다른 위치에 띄울지 지정 , autocomplete = '자동완성기능' 기본적으로 on으로 되어 있지만 off로 끌수 있다.}
• <input> 폼에서 사용자가 입력하는 필드를 삽입할 때나 버튼을 삽입할 때 사용 , type = (text : 입력하는 창 , submit : 클릭하는 블럭  , checkbox = 클릭 후 취소 가능 , radio = 클릭 후 취소 불가능) , id = 레이블과 연결 , title = 입력하는 창 이름 , value = 블럭에 표시되는 글
• <label> 폼요소에 레이블을 붙이기 위한 것 , for = 폼요소와 레이블을 연결하는 옵션

 <form >
            <fieldset>
                <legend> 선택사항</legend>
                <ul>
                    <li>
                        <label><input type="radio" value="grm">문법</label>
                    </li>
                    <li>
                        <label><input type="radio" value="wr">작문</label>
                    </li>
                    <li>
                        <label><input type="radio" value="rd">독해</label>
                    </li>
                </ul>
            </fieldset>
        </form>

• <fieldset> = <fieldset> ~ </fieldset>사이의 폼들을 하나의 영역으로 묶고 외곽선을 그려준다.
• <legend> = <fieldset>태그로 묶은 그룹에 제목을 붙여 준다.

 

나머지 내용들은 [Chapter 4-2]에서..