4.html-컨트롤 (form,input,button태그)

@@@@해당 내용은 강의 내용바탕으로 메모용도인 점 참조 부탁드립니다@@@@

 

 

@form태그

<form>  </form> 전체 폼의 부모역활(웹상에서 입력 항목을 구상할 때 사용하는 태그)

(1)action 속성

<form action=”목적지주소”> </form>  >>>값 전송시 자동호출될 서버프로그램 주소지정

(2)method 속성

<form method=”전송방식”> </form> >>>전송에 필요한 http방식 설정(get, post)

>>>> <form action=”” method=”get/post”> </form>

 

@input 태그

웹상에서 입력항목을 구성할 때 사용하는 태그

(1)type 속성: 속성의 값에 따라서 다양한 입력폼구성

ex) <input type=”text”> </input>

(2)name 속성: 속성의 값은 데이터 전송시 데이터의 식별자로 사용됨

ex) <input name=”moon”></input>

(3)value 속성: 우리 눈에 기본적으로 보여지는 값(로그인, 글쓰기..)

ex) <input value=”moon”></input>

(4)password 속성: 입력 시 입력되고 있는 글자가 다른문자(*)로 대체

(5)radio 속성: 여러 개의 항목 중에서 한 개만 선택

(6)checkbox 속성: 여러 개의 항목중에서 한 개 또는 여러 개 선택

 

@button 태그

-버튼 모양을 나태내기 위한 태그

(1)type 속성

1)submit

-전송(submit) 액셕용 속성

2)reset

-현대 폼에 입력된 데이터를 모두 초기확