[HTML]Day3 - input태그를 이용한 입력양식

Day3- input태그를 이용한 입력양식-

 

[1] XHTML에서 사용되던 태그

<form method="post/get" action="웹프로그램 url(백앤드)" enctype="multipart/form-data">   --->영역 지정

            ->파일 첨부를 위해

            ->get: 속도 빠름/보안 취약/ 글자 1024제한/새로고침O

            ->post: 속도 느림/보안 나음/글자 무제한/새로고침X

<fieldset>  --->그룹 형성

<legend></legend>   ---> 그룹 제목 표시

<label for="id값">제목</label>

<input type="text" name="백앤드와 연계" id="CSS/JS와 연계" [value="기본값"] [maxlength="숫자"]/>

-기타 들어갈 수 있는 속성: placeholder: 설명글 ex)아이디를 입력하시오.

<input type="password">

<input type="radio" name="" id="" value="웹페이지에서 인식할 값" [checked] />

<label for="id">제목</label>

<input type="checkbox">

<input type="button" value="버튼 표시 텍스트" />   --->JS와 같이 사용

<input type="submit">   -> 제출

<input type="reset">   ->모든 입력 내용 삭제

=<button type='button/submit/reset'>버튼 표시 텍스트</button>

<input type="image" value="" src="이미지 경로" />  ->이미지 버튼

<input type="hidden">

<input type="file">

<label for="id">...</label>

<select name="" id="" multiple>

        <option [value=""] [selected]>화면표시 내용</option>

</select>

<label for="id값">...</label>

<textarea name="" id="" [maxlength=""]>기본적으로 작성되어있을 내용</textarea>

</fieldset>

</form>

[2] HTML5에서 추가된 태그

<input type="url" name id/>

<input type="tel" name id/>

<input type="number" name id min max step/>

<input type="range" name id value="기본값" min max step/>

<input type="date" name id value="1991-01-28"/>

<input type="time" name id value="09:00"/>

<input type="email" name id/>

<input type="search" name id/>