Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- js
- True
- HTML
- CSS
- 선언
- position
- Inline
- terminal
- 리액트
- 프론트엔드스쿨
- STYLE
- 변수
- 조건문
- object
- ubuntu
- 선택자
- LIKELION
- array
- react
- http
- 멋쟁이사자처럼
- block
- Absolute
- API
- display
- boolean
- function
- javascript
- Project
- false
Archives
- Today
- Total
Jeden Tag, aufrichtig und lustig.
html 12. form 본문
form
폼은 사용자가 데이터를 입력할 수 있게 만든 것으로
'입력양식'이라고도 한다.
로그인창이나 검색창에서 찾아볼 수 있다.
폼의 동작 과정
폼의 동작과정은 다음과 같다.
1. 사용자가 데이터 입력
2.데이터 웹서버로 전송
3.데이터베이스에서 데이터 확인
4.결과 웹브라우저에 전송
<form>
폼을 만드는 태그이다.
<form></form>사이에 여러 폼 요소를 넣는다.
ex.
<form>
다양한 폼 요소
</form>
<fieldset>
하나의 폼 안에서 구역을 구분하여 표시할 때 사용하는 태그다.
<legend>
<fieldset>로 묶은 그룹에 제목을 붙이는 태그다.
<lable>
<input>태그와 같은 폼 요소에 레이블을 붙일 때 사용한다.
*레이블이란 입력란 가까이에 붙여 놓은 텍스트이다.
레이블 사용하는 방법
1.
<labe>아이디(10자 이상)<input type="text"></lable>
2.
<labe for="user-id">아이디(10자 이상)</lable>
<input type="text" id="user-id">
두번째 방법은 <lable>태그와 <input>태그가 떨어져 있어도
둘 사이를 쉽게 연결할 수 있다는 장점이 존재한다.
'HTML' 카테고리의 다른 글
html 11. table (0) | 2022.05.05 |
---|---|
html 10. comment (0) | 2022.05.05 |
html 9. 들여쓰기 (0) | 2022.05.05 |
html 8. 동영상 삽입 (0) | 2022.03.28 |
html 7. 웹 호스팅 (0) | 2022.03.23 |