- HTML-국비 form의 중요성 및 button을 통한value와 submit 차이 목차
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div>
<!-- ★ form = 데이터 전송 및 페이지 요청 ★-->
<!-- form은 데이터 전송한다에서 끝나는게 아니라 페이지를 요청한다는것도 꼭 기억하기 -->
<form action="http://localhost:8090/WebApp01/Test028.html">
-이름 : <input type="text" name="name" maxlength="8"><br>
-이메일:<input type="text" name="mail" maxlength="20"><br>
-하고싶은말<br>
<textarea rows="10" cols="20" name="field"></textarea>
<input type="submit" value="전송하기" name="submit">
<!-- 여기서 전송하기란 입력한데이터값을 action 경로에 넘기겠다는의미 (서버 입장에서는 name 값을 수신 )-->
<!-- 정상적으로 일어났으면 action 값의 페이지를 보여달라는 의미 -->
<!-- 400번대 error:클라이언트 측 에러 500번대 : server측 에러 -->
<input type="reset" value="다시쓰기">
<!-- 보여지는건 3개는 같지만 -->
<!-- 기능은 1,2번째만 같고 3번째는 다르다 -->
<!-- 1번째는 value값이 고정되어 다른 추임새를 못하지만 2번째 버튼은 버튼에 이미지도 넣을 수 있다 -->
<!-- ★★ 또한 버튼에서 type을 생략하면 default값인 submit으로 고정된다. ★★ -->
<input type = "button" value=button">
<button type ="button"> button </button>
<button type="button"><img src="images/btn_1.png"></button>
<input type="submit" value="button">
</form>
</div>
</body>
</html>
여러 책들에서 form은 데이터 전송의 의미로 밖에 설명을 안해놨는데
여기서 알아둬야 할 것은 from은 데이터 전송 및 페이지 요청 2가지를 기억하자.
'Web(국비) > HTML & CSS' 카테고리의 다른 글
| HTML - 국비 자식,자손 선택자 css (0) | 2019.10.16 |
|---|---|
| HTML - 국비 id선택자 css활용 (0) | 2019.10.16 |
| HTML - 국비 class (0) | 2019.10.16 |
| HTML - 국비 radio,label활용 (0) | 2019.10.16 |
| HTML - input태그안 name에 대해.. (0) | 2019.10.16 |