>  기사  >  웹 프론트엔드  >  HTML 요소 ID와 이름 속성의 구체적인 차이점

HTML 요소 ID와 이름 속성의 구체적인 차이점

零下一度
零下一度원래의
2017-05-13 15:05:391689검색

HTML 요소의 ID와 Name 속성의 차이점

오늘 갑자기 관심이 생겨서 이 두 속성의 구체적인 차이점을 자세히 알아보고 싶었습니다.
가장 고전적인 대답: ID는 사람의 ID 번호와 같고 이름은 그의 이름과 같습니다. ID는 분명히 고유하며 이름은 반복될 수 있습니다. ​​분명히 ID와 Name에 대한 답변은 너무 일반적입니다. 물론 클라이언트측 HTML 요소의 ID인 ID에 대한 설명은 완전히 맞습니다. Name은 실제로 훨씬 더 복잡합니다. Name은 용도가 다양하고 ID로 완전히 대체할 수 없으므로 취소됩니다. 구체적인 용도는 다음과 같습니다.
목적 1: 입력, 선택, 텍스트 영역 및 버튼과 같이 서버와 상호 작용할 수 있는 HTML 요소의 서버측 표시기로 사용됩니다. 서버 측 이름을 기반으로 Request.Params를 통해 요소가 제출한 값을 얻을 수 있습니다.

사용 2: HTML 요소 입력 유형='라디오' 그룹화, 라디오 버튼 컨트롤이 동일한 그룹화 클래스에 있고 확인 작업이 뮤텍스이며 동시에 하나의 라디오만 선택할 수 있다는 것을 알고 있습니다. 이 그룹화는 달성하려는 동일한 이름 속성을 기반으로 합니다.

목적 3: 페이지에 앵커 포인트를 설정합니다. 91d83b4822db6c9c4aabe5918601cc24링크5db79b134e9f6b82c0b36e0489ee08ed 대신 이름이 사용됩니다. 예를 들어 0540000f1e2e8c1414f3fa2eece38c9e5db79b134e9f6b82c0b36e0489ee08ed 페이지 앵커를 얻습니다. ~                         Applet, Object, Embed 및 기타 요소와 같은 객체로서의 ID입니다. 예를 들어 Applet 객체 인스턴스에서는 이름을 사용하여 객체를 참조합니다.

사용 5: IMG 요소와 MAP 요소를 연결할 때 IMG의 핫스팟 영역을 정의하려면 해당 속성인 usemap을 사용해야 하므로 usemap="#name"(연관된 요소의 이름) MAP 요소) ). ~                                                  . 예를 들어, 객체에 대해 c482d017ac37d0493b1edf90b225c0b5 또는 메타에서 db0f0129396a875c0f18375780d74f03

물론 이러한 용도는 단순히 ID로 대체할 수 없으므로 HTML 요소의 ID와 이름의 차이는 ID 번호와 이름의 차이가 아닙니다.

<input    name= "xx ">     会提交数据
<input   id= "xx ">     不会提交数据 
     <input   id= "xx "   name= "yy ">
<label   for= "xx "> Label </label>     这里的for属性必须是指向一个id,否则没效果 
     <input   name= "xx "   type= "radio "   value= "1 ">
<input   name= "xx "   type= "radio "   value= "2 ">
<input   name= "xx "   type= "radio "   value= "3 "> 这里必须name相同才能成为一组单选按钮,而id则没有这个功能。 
     <input   name= "xx ">     对应脚本document.getElementsByName( "xx ")[0]
<input   id= "xx ">         对应脚本document.getElementByIdx_x( "xx ")

위는 이 두 속성의 구체적인 차이점입니다.

【관련 추천】

1.


특별 추천

: "php Programmer Toolbox" V0.1 버전 다운로드 2. 무료 HTML 온라인 동영상 튜토리얼

php.cn 원본 HTML5 동영상 튜토리얼

위 내용은 HTML 요소 ID와 이름 속성의 구체적인 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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