>  기사  >  웹 프론트엔드  >  양식 요소 입력란의 이름과 ID의 차이점에 대한 자세한 설명

양식 요소 입력란의 이름과 ID의 차이점에 대한 자세한 설명

迷茫
迷茫원래의
2017-03-25 16:22:462151검색

1. 웹 개발을 해본 사람이라면 거의 모두가 요소의 ID와 이름의 차이점이 무엇인지 물어봤다고 할 수 있습니다. ID가 있는데 왜 이름이 필요한가요?! 그리고 가장 고전적인 대답도 얻을 수 있습니다. ID는 사람의 ID 번호와 같고 이름은 ID와 같으며 이름은 반복 가능합니다.


지난주에도 페이지에 ID와 이름을 입력하는 문제가 발생했습니다. type="hidden"이면 ID='SliceInfo' 하나만 작성하고 값을 할당한 후 Request.Params["SliceInfo"]를 백그라운드에서 사용하지만 값을 가져올 수 없습니다. 나중에 갑자기 Name으로 표시해야 한다는 것을 깨달았기 때문에 입력에 Name='SliceInfo'를 추가했는데 모든 것이 정상이었습니다.

첫 번째 문단의 ID와 Name에 대한 답변은 너무 일반적입니다. 물론 클라이언트측 HTML 요소의 ID인 ID에 대한 설명은 완전히 맞습니다. Name은 실제로 훨씬 더 복잡합니다. Name은 용도가 다양하고 ID로 완전히 대체할 수 없으므로 취소됩니다. 구체적인 용도는 다음과 같습니다.

사용 1: 입력, 선택, 텍스트 영역 및 버튼과 같이 서버와 상호 작용할 수 있는 HTML 요소의 서버 측 표시기로 사용됩니다. 서버 측 이름을 기반으로 Request.Params를 통해 요소가 제출한 값을 얻을 수 있습니다.
사용 2: HTML 요소 입력 유형='라디오' 그룹화, 라디오 버튼 컨트롤이 동일한 그룹화 클래스에 있고 확인 작업이 뮤텍스이며 동시에 하나의 라디오만 선택할 수 있다는 것을 알고 있습니다. 이 그룹화는 동일한 Name 속성을 기반으로 구현되었습니다.
사용 3: 페이지에 기준점을 설정하려면 7511597a7b70abf79979b1ad29413ff6link5db79b134e9f6b82c0b36e0489ee08ed 는 페이지 하이퍼링크를 얻는 것입니다. href 속성을 사용하지 않는 경우 다음과 같이 이름을 대신 사용하세요. b9b409ba6bfe575b799197d174e00f385db79b134e9f6b82c0b36e0489ee08ed, 페이지 앵커를 얻습니다.
사용 4: Applet, Object, Embed 및 기타 요소와 같은 객체로서의 ID입니다. 예를 들어 Applet 객체 인스턴스에서는 이름을 사용하여 객체를 참조합니다.
목적 5: IMG 요소와 MAP 요소를 연관시킬 때 IMG의 핫스팟 영역을 정의하려면 해당 속성인 usemap을 사용해야 하므로 usemap="#name"(연관된 MAP 요소의 이름) ).
사용 6: 속성, 메타 및 매개변수와 같은 일부 특정 요소의 속성입니다.

예를 들어 Meta에서 Object

<PARAM NAME = "appletParameter" VALUE = "value">

또는

<META NAME = "Author" CONTENT = "Dave Raggett">。

에 대한 매개변수를 정의하면 이러한 용도는 단순히 ID로 대체될 수 없으므로 HTML 요소의 차이점은 다음과 같습니다. ID와 이름은 ID번호와 이름의 차이가 아닙니다.

양식 요소(양식 입력 텍스트 영역 선택) 및 프레임 요소(iframe 프레임)라는 이름이 지정됩니다.
이러한 요소는 양식 제출과 관련이 있습니다(프레임 요소는 양식 대상에 작용합니다). ), 양식이 수신되면 페이지는 이름이 지정된 요소만 수신합니다. ID가 할당된 요소는 양식을 통해 값을 수신할 수 없습니다.
예외가 있습니다. A는 앵커로 이름을 할당할 수 있습니다. 포인트 또는 ID.

2.id는 대소문자 구분 등 식별 요건을 충족해야 하며, 밑줄을 포함하지 않는 것이 가장 좋습니다(CSS와 호환되지 않기 때문). 기본적으로 이름에 대한 요구 사항은 없으며 숫자를 사용할 수도 있습니다. ID는 사람의 ID번호와 같으며, Name은 이름과 같습니다. ID는 분명히 고유하며 이름은 반복될 수 있습니다.

d5fd7aea971a85678ba271703566ebfd 태그는 사용자가 데이터를 입력할 수 있는 입력 필드를 지정합니다.
다양한 유형 속성에 따라 입력 필드에는 여러 형식이 있습니다. 입력 필드는 텍스트 필드, 체크박스, 비밀번호 필드, 라디오 버튼, 버튼 등이 될 수 있습니다.
id: 태그의 고유 식별자입니다.
이름: 서버와 상호 작용할 수 있는 HTML 요소의 서버측 식별자입니다.

3.ID는 #

으로 정의된 CSS 스타일입니다. 또한 JS를 사용하여 getElementById(여기에 ID가 있음)를 제어하여
이름을 많이 얻을 수 있습니다. 현재 태그 또는 요소 이름을 지정하거나 JS를 사용하여 값을 제어할 수 있습니다. 양식을 제출한 후 이름을 가져와야 합니다.

4.id는 일반적으로 CSS, JS에서 참조용으로 사용되며, name은 Form submit에 사용됩니다. name 속성이 추가된 태그 요소만 서버에 제출됩니다.

위 내용은 양식 요소 입력란의 이름과 ID의 차이점에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.