이름, 입력 값 및 레이블 값에 대한 간략한 설명

이 글에서는 입력값과 라벨값에 대해 간략하게 설명하겠습니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

입력에는 많은 속성이 있으며, 더 일반적으로 사용되는 속성은 유형, 값, 이름, 자리 표시자, 다중, 확인 등입니다. 이름, 값, 라벨, 라벨 외부의 텍스트에 대해 항상 헷갈렸는데 오늘 드디어 알아냈습니다.

1) name 속성　

　Definition: name 속성은 입력 요소의 이름을 지정합니다.

　Usage: name 속성은 서버에 제출된 양식 데이터를 식별하거나 클라이언트에서 JavaScript를 통해 양식 데이터를 참조하는 데 사용됩니다.

　Note: 이름 속성이 설정된 양식 요소만 양식을 제출할 때 해당 값을 전달할 수 있습니다.

즉, 이름은 페이지 표시에는 쓸모가 없지만(추가 여부에 관계없이 페이지 표시에는 영향을 주지 않음), 서버와 상호 작용하거나 js 작성 시 쉽게 참조하는 데 사용됩니다.

2) 값 속성

Definition: 값 속성은 입력 요소의 값을 설정합니다.

Usage: 입력 유형이 다르면 값 속성의 사용법도 다릅니다.

• type="button", "reset", "submit" - button

에 표시되는 텍스트를 정의합니다.

<input>按钮文字

                                                                                                                               

<input>标签外

       

참고: 이때 페이지에 표시되는 것은 "버튼 텍스트"(라벨 외부 텍스트)이며, 이때의 값은 주로 js에서 Interactive 작업을 위해 사용하는데, 이때의 값은 일반적으로 입력과 관련된 값으로 설정됩니다. 예:

<input>按钮文字

Note

: 값 속성은 및 에 설정되어야 합니다.

• 3) label
  레이블은 입력 요소에 대한 레이블(마커)을 정의합니다. 예:

<input>男

위의 두 가지 방법은 아래 그림과 같이 동일한 결과를 표시합니다.

그래서:

label 요소는 사용자에게 특별한 효과를 제공하지 않습니다. 그러나 마우스 사용자의 유용성은 향상됩니다. 이 컨트롤은 레이블 요소 내부의 텍스트를 클릭하면 트리거됩니다. 즉, 사용자가 레이블을 선택하면 브라우저는 자동으로 레이블과 관련된 양식 컨트롤로 초점을 돌립니다.

라벨의 for 속성은 관련 요소의 id 속성과 동일해야 합니다

. 위 문장은 무슨 뜻인가요? 즉, 다음과 같이 쓰면 "이메일 주소를 입력해주세요"라는 마우스를 클릭하면 입력창을 클릭한 것과 같은 효과(즉, 입력창에 포커스가 가해짐) 즉, , 라벨은 해당 입력에 바인딩됩니다.

<label>请输入邮箱地址：</label>      
    <input type="text" name="email" value="这是一个文本输入框"/>

请输入邮箱地址：     
     <input type="text" name="email" value="这是一个文本输入框"/>

요약: 위 내용이 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 튜토리얼을 보려면

HTML 비디오 튜토리얼

을 방문하세요!

관련 추천:

php 공공 복지 교육 비디오 튜토리얼

위 내용은 이름, 입력 값 및 레이블 값에 대한 간략한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!