※서버 개념은 잘 모르기 때문에 내용이 부족합니다.
입력양식(form)
- 사용자가 입력한 정보를 서버로 전송할 때 사용하는 것들.
* type = “submit”은 서버에 데이터를 전송할 때, 버튼을 생성
* action = “주소”는 사용자가 입력한 내용을 지정된 주소에 정보를 전송하는 곳을 표시
* name = “id”는 입력값을 아이디로 지정된 서버 위치(?표현이 어려움)로 전송할 때, id라는 곳에 전송하는 위치를 표시
method
- 서버에 데이터를 전송할 때, 전송 방식을 선택하는 기능
*method=“post”는 전송할 때, url주소에 전송 값을 나타내지 않음.
*method=“get”은 전송할 때, url주소에 전송 값을 나태 냄. 따로 method를 표시하지 않으면 get 방식으로 전송.
*name = “id”는 입력값을 아이디로 지정된 서버 위치(?표현이 어려움)로 전송할 때, id라는 곳에 전송하는 위치를 표시
글상자 생성(텍스트 입력)
- 텍스트 입력 창을 만드는 기능(한줄)( ex - 로그인 창)
*type = “text”는 글자를 입력하는 속성, type = “password”는 글자를 입력하는 속성이나, 표시는 글자가 아닌 땡땡으로 표시하는 속성(글자가 안보임)
*value는 사이트를 처음 켰을 때, textbox에 입력 값이 들어가 있음(클릭시 사라지지 않음), value 값은 입력값을 나타낸다.
*placeholder는 사이트를 처음 켰을 때, textbox에 표시 말처럼 들어가 있음(클릭시 사라짐)
- 여러줄의 텍스트를 입력할 수 있는 textbox(여러줄)
*cols = “30”은 가로로 30글자를 넣을 수 있는 textbox의 가로 size를 결정.
*rows = “2”는 세로로 2글자를 넣을 수 있는 textbox의 세로 size를 결정.
*default value는 type textbox와 다르게 태그 밖에 넣어야 하며, web을 처음 켰을 때, textbox에 들어가 있음(클릭시 지워지지 않음)
Dropdown list(역삼각형 list 항목)
- select 부모 태그 안에 option 자식 태그를 넣는다.(한가지 선택)
- select 부모 태그 안에 option 자식 태그를 넣는다.(다중 선택)
*다중 선택을 할 때, ctrl를 누르고 선택 한다.
*다중 선택을 할 때는 multiple 속성을 넣는다.
radio button / check box
- radio는 단일선택을 할 때 많이 사용 / check box는 다중 선택일 때 많이 사용
*radio는 같은 name으로 그룹핑을 해야 한 개를 선택하면 선택 했던 다른 것이 취소된다.(한개만 선택하게 하려면 그룹핑이 필요)
*checked 속성은 초기 화면을 실행 시켰을 때, radio check가 되어 있도록 하는 기능.
버튼 생성
- 웹페이지의 로그인 같은 버튼을 생성하는 기능
*type=“submit”는 버튼을 클릭 했을 때, form 태그에 있는 주소로 데이터를 전송
*type=“button”은 로그인 버튼같이 button을 생성하여 javascript 같은 언어가 실행하도록 하는 기능을 한다.
*type=“reset”은 입력한 data를 초기화 시키는 기능
*value는 button안에 문자를 넣을 수 있다.
'Coding > HTML' 카테고리의 다른 글
| HTML - upload (1) | 2020.05.07 |
|---|---|
| HTML - 설명 및 tag (1) | 2020.05.07 |
