method
폼의 기능은 브라우저에 사용자가 입력한 정보를 서버쪽으로 전송하는 것이다.
서버로 전송하는 방식에는 get 방식과 post방식이 있다.
get 방식은 정보를 url에 넣어서 서버로 전송하는 방식이다.
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form action="http://localhost/method.php">
<input type="text" name="id">
<input type="password" name="pwd">
<input type="submit">
</form>
</body>
</html>
get 방식을 사용하면 위와 같이 url의 ?뒤에 입력한 정보가 들어가서 서버로 전송된다.
get 방식을 사용하면 비밀번호 같이 민감한 정보도 url에 노출되어 위험할 수 있다. 그래서 post 방식을 사용해야 한다. post 방식은 <form>태그에 method속성을 추가하여 속성값을 "post"로 설정한다. 속성값을 "get"로 설정하거나 method속성을 추가하지 않으면 기본적으로 get방식으로 전송된다.
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form action="http://localhost/method.php" method="post">
<input type="text" name="id">
<input type="password" name="pwd">
<input type="submit">
</form>
</body>
</html>
post 방식을 사용하면 url 뒤에 아무런 정보도 없이 폼에서 입력한 값을 감춰서 서버로 전송한다. 따라서 굳이 get 방식을 사용할 이유가 없다면 post 방식을 사용하는것이 더 안전할 수 있다.
파일 업로드
웹 페이지에서 파일 업로드는 <input> 태그의 type 속성의 값으로 "file"을 사용한다. <form>태그 안의 <input>태그에서 파일을 업로드 한 뒤, 서버로 전송하면 이후 파일에 대한 처리는 서버에서 처리한다. form으로 서버로 파일을 전송할 때는 <form>태그에서 method속성 값을 "post"로 설정해야 하고, enctype 속성 값을 "multipart/form-data"로 설정해야 한다.
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form action="http://localhost/upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="profile">
<input type="submit">
</form>
</body>
</html>
파일을 선택하여 제출 버튼을 누르면 form 태그의 action속성에서 지정한 서버로 파일이 전송된다.
정보로서의 HTML
웹의 성장에 따라 인류의 많은 정보들이 웹으로 표현되며 html의 중요성이 더 커지고 있다.
정보를 더 잘표현하기 위해 여러가지 조치들이 취해졌다.
글꼴 - font (퇴출됨)
현 시점에서 font 태그는 퇴출되었다. 퇴출되었지만 아직까지도 통계적으로 font태그를 사용하는 곳이 많이 존재한다.
<font>태그는 size 속성으로 글자의 크기를 정할 수 있다. 글자 크기는 작은 순서대로 1~7까지 설정할 수 있다. color 속성으로 글씨의 색을 정할 수 도 있다.
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<font size="7" color="red">Hello</font> World
<font size="7" color="red">Hello</font> World
<font size="7" color="red">Hello</font> World
<font size="7" color="red">Hello</font> World
</body>
</html>
font태그는 다른 태그들 처럼 html의 기능에 집중한 태그가 아닌 디자인에 집중되어 있는 태그이다. html을 정보를 전달하는 기능에 집중하여 사용하기 위해 디자인 관련한 태그들은 퇴출시키고 웹 페이지의 디자인을 위한 언어인 CSS를 만들었다. font태그를 사용하게 되면 이 태그는 정보에 대한 설명을 하고 있지 않으며, 이 태그로 디자인을 사용하게 되면 html의 파일 용량도 커지며 정보로써 html 파일을 해석하기 어려워지는 문제점들을 갖고 있기 때문에 사용하지 않는 것이 좋다.
'Project H4C Study Group' 카테고리의 다른 글
| [Project H4C] opentutorials HTML(6) (0) | 2021.02.12 |
|---|---|
| [Project H4C] opentutorials HTML(5) (0) | 2021.02.12 |
| [Project H4C] opentutorials HTML(3) (0) | 2021.02.09 |
| [Project H4C] opentutorials HTML(2) (0) | 2021.02.06 |
| [Project H4C] opentutorials HTML(1) (0) | 2021.02.04 |
