[HTML] 식별자(id, class, name), <a> vs <form>

식별자

id	고유한 식별을 목적으로 하는 경우 사용	페이지에서 하나의 요소만 지정 가능
class	재사용을 목적으로 하는 경우 사용	여러 개의 요소에 지정 가능
name	form 컨트롤 요소의 값(value)을 서버로 전송하기 위해 필요한 속성	여러 개의 요소에 지정 가능

id : javascript에서 접근 목적. 현 페이지에서 한 개만이 유효 == Javascript

 

class : js에서도 접근이 가능하지만, 일단은 css에서 디자인적인 요소인 경우가 많다. == css 쪽에서 주로 사용, 현 페이지에서 다중으로 설정이 가능하다.

 

name : 값을 전달하기 위한 목적을 가지고 있는 경우가 많다. 다중 설정이 가능하다. 즉, A페이지에서 B페이지로 이동하는 경우 값을 넘겨준다.

---

<a> vs <form>

두 태그의 공통점은 web페이지에서 다른 web페이지로 이동하는 기능이다.

이 두 가지 태그의 차이점은 태그의 경우 단순한 페이지 이동이지만, <form>태그의 경우 type에 따라 사용자에게 입력을 받고, 식별자 name을 통해서 입력받은 값을 서버로 넘겨줄 수 있다.

 

<form> : 값을 가지고 묶어서 보낼때 사용.

목적

1)이동의 목적이 강하다

2)name으로 되어있는 resource(자원) 값들을 전달한다.

3)submit버튼으로 이동하게 된다.

 

속성

• action : form이 전송되는 서버 url 또는 html 링크
• input type : 이벤트
• method : 전송 방법 설정. get, post
• submit : form 하나당 무조건 1개만 가능하며, form에 입력한 resource(자원) 값 들을 action에 해당하는 url로 전송

출처: https://jhost.tistory.com/54 [dev.j]

[HTML] <form>, 다양한 input type, 식별자(id, class, name), <a> vs <form>