HTML 아주 기초 문법 중에 질문이 있습니다.

Question

아래에서 value 에 해당되는 것이 왜 radio버튼과 submit 에서 다르게 사용이 되나요?속성이 달라도 텍스트이든,전달 값이든 동일해야하지 않나 해서요

캐티 · Answer

이거 submit 타입도 네임을 가질 수 있쩌. 이케 말이어요. 에이를 누르면 에이가 들어가고 A를 누르면 A가 들어가는데 이럼 표기는 어쩌나요. 이렇게 하면 적용할 값과 표기할 텍스트를 분리할 수 있쩌.I Tried Recreating the Animal Crossing Talking Sound Effects in New Horizons - Game Sound Design

gogogo123 · Answer

이거는 html input태그를 만든 사람이 정확하게 알 수 있을 것 같은데요 input은 self-closing tag이기 때문에 input type submit은 처럼 버튼에 텍스트를 쓸 수 없어서 value로서 텍스트를 작성하는거 같네요 그리고 그냥 value속성명으로 통일시 한거 같네요

정규분포 · Answer

뭐, 그런 비일관성은 input 태그만 있는 것 아닙니다. void elements와 overlapping hierachy에 대해 조사하시면 더 놀라실걸요. HTML는 인터넷 역사보다 더 오래된 물건이라, 이렇게 설계에 노후화되고 있다는 증거가 여러 곳에 들어나고 있어요. 그냥 참을성과 이해심을 가지고 계속 공부하세요... 아직 그 어느 대기업도 HTML을 대체하려는 시도에 성공하지 못했음.

행복한나날을 · Answer

ChatGPT에게 물어본 내용을 공유 드립니다.다른 분들께서 말씀하신 것처럼 그렇구나라고 생각하면 좋을 듯 합니다.HTML에서 value 속성은 태그의 종류에 따라 다르게 동작하도록 설계되어 있습니다. 이는 각 태그가 가진 목적과 기능에 맞게 동작을 정의하기 위해서입니다. 질문에서 제기한 radio 버튼과 submit 버튼의 value 속성 동작 차이는 태그의 본질적인 역할 차이 때문입니다. 이를 자세히 설명하겠습니다.1. radio 버튼에서의 value 속성역할: radio 버튼은 사용자가 선택한 옵션 값을 서버에 전달하는 데 사용됩니다.value의 의미: radio 버튼의 value 속성은 해당 버튼이 선택되었을 때 서버로 전송되는 값입니다. 즉, 사용자가 어떤 옵션을 선택했는지를 나타냅니다.실제 동작:BBB위 코드에서 BBB는 사용자가 화면에서 보게 되는 레이블 텍스트이고, AAA는 사용자가 이 버튼을 선택했을 때 서버에 전달되는 값입니다.2. submit 버튼에서의 value 속성역할: submit 버튼은 사용자가 폼 데이터를 서버로 제출할 수 있도록 합니다.value의 의미: submit 버튼의 value 속성은 버튼에 표시되는 텍스트를 결정합니다. 서버로 전송되는 값이 아니라, 사용자가 화면에서 보게 되는 시각적 정보를 정의합니다.실제 동작:위 코드에서 AAA는 버튼 위에 표시되는 텍스트입니다. 이 경우, 버튼이 클릭되었을 때 value="AAA"는 서버로 전송되지 않습니다. 폼 데이터만 서버로 전송됩니다.왜 이런 차이가 있을까?radio와 submit 버튼은 태그의 역할이 다르기 때문에 value 속성을 다르게 해석하도록 설계되었습니다.radio의 목적:사용자가 여러 옵션 중 하나를 선택하도록 하는 것이 목적입니다.따라서 value 속성은 선택된 옵션을 서버로 전달하는 데 사용됩니다.submit의 목적:사용자가 폼 데이터를 제출하도록 하는 것이 목적입니다.따라서 value 속성은 버튼에 표시되는 텍스트를 정의하는 데 사용됩니다.요약value 속성의 동작은 태그의 목적에 따라 다르게 정의됩니다:radio: 선택 시 서버로 전달되는 값.submit: 버튼에 표시되는 텍스트.따라서 value 속성이 텍스트 또는 전달 값으로 동일하게 동작해야 한다는 생각은 HTML의 설계 원칙과 맞지 않습니다. HTML은 각 요소의 역할에 따라 value 속성을 적절히 다르게 사용하도록 설계되었습니다.

HTML 아주 기초 문법 중에 질문이 있습니다.

4개의 답변

Q&A 목록