HTML에서 Value, Name의 차이가 뭔가요..???

Question

이런식으로 빈칸과 전송버튼을 만들 수 있잖아요.궁금한게 value와 name의 차이는 뭔가요??

굴림체 · Answer

name 은 태그명 , 폼 서브밋시 서버에서 name 명으로 값을 가져올 수 있어요value 는 해당 태그의 값 서버에서 name 명으로 꺼낸 값에는 value 에 해당하는 값이 들어있어요

Yeon93 · Answer

굴림체 /// 알려주셔서 정말 감사합니다. 다만 제가 잘 몰라서 그런지 이해가 좀 안됩니다ㅠ

굴림체 · Answer

Yeon93 Form 태그 자식들 즉 안에 input 을 어딘가 다른 페이지로 전달할때 name 은 전달 받는 페이지 입장에서 값을 꺼낼 수 있는 키 입니다. 우편물에 비유하자면 다른 페이지를 아파트라 한다면 인풋태그에 name 은 해당 호수라 볼 수 있고 value는 내용물 입니다.name = "202호" value="소포" 받는 아파트에서 name (몇호인지 안써있다면) 이 없다면 해당 우편물을 꺼낼 수 없겠죠

minarai · Answer

name은 변수 호출용으로 보면 되구요. 비슷하게 id,class,테그호출 등이 있네요 주로 서버랑통신할때 이걸씁니다. value는 다른방법으로 해당 태그 호출해서 나온 값을 보통 넣습니다. input type&#61;text안에 쓴 데이터를 스크립트단이나 서버단에서 값으로 변환

대짜 · Answer

이렇게 했을때 html을 브라우저에서 확인하면 아래 처럼 표현됩니다. value는 화면에 표시되는 값을 의미하며 name은 value를 찾기 위한 key에 해당합니다.name 대신 id를 사용하기도 합니다.

Yeon93 · Answer

First Name: <input type&#61;&#34;text&#34; name&#61;&#34;firstName&#34; value&#61;&#34;firstName&#34; /> 이런식으로 vlaue에 하나를 더 넣어보니까 빈칸에 firstName이 들어오더라고요. 그렇다면 이것을 기본값이라고 생각을 해도 될까요?? Name은 클래스처럼 호출을 하는 역할이고?

Yeon93 · Answer

대짜앗 댓글 못 보고 제가 혼자 해보고 댓글 달아버렸네요.직접 해보니까 대충 이해는 가긴 갑니다. 뭔가 작동원리가 좀 궁금했나 봅니다ㅠㅠ

컴포지트 · Answer

input 태그는 기본적으로 양식에 쓰는 태그입니다. 이와 비슷한 역할을 하는 태그는 select 와 textarea 등이 있죠.공통적으로 name 은 양식의 이름을 뜻합니다. 폼전송을 할 때, name에 기재된 명칭으로 양식 키를 결정하죠.공통적으로 value 는 양식의 값을 뜻합니다. 폼전송을 할 때, name&#61;value 식으로 전송해서 양식명과 양식 값을 전송합니다.type&#61;submit 으로 설정할 경우 해당 버튼을 누르면 해당 name&#61;value 로 폼 전송됩니다.

HTML에서 Value, Name의 차이가 뭔가요..???

8개의 답변

Q&A 목록