HTML에서 라벨 태그의 높이를 설정하는 방법은 무엇입니까? 라벨 태그 사용 방법 소개

이 글에서는 주로 HTML에서 라벨 태그의 높이를 설정하는 방법을 소개합니다. HTML 레이블 태그를 사용하는 방법에 대한 소개도 있습니다. html 라벨 태그에 대한 이 기사를 살펴보겠습니다.

우선 html에서 라벨 라벨의 높이를 설정하는 방법을 살펴보겠습니다.

Label in html 양식 요소에 대한 텍스트 레이블을 정의합니다. 은 요소 앞뒤에 줄 바꿈이 없으며 높이를 설정할 수 없습니다.

높이를 설정하려면 의 표시 속성을 설정해야 합니다. 이 때 요소는 줄 바꿈이 없이 인라인으로 표시됩니다. 인라인 뒤에 블록을 추가하기만 하면 됩니다. 즉, :inline-block을 표시하면 됩니다. 이때 은 블록 요소로 변경되며 이제 의 높이를 수정할 수 있습니다.

이 그림에 제공된 조건은 의 너비를 80px로 설정해야 합니다. 이때 높이는 직접 수정할 수 없습니다.

<label  class=&#39; p1&#39; style=&#39;dispaly: inline-block&#39;>姓名</label>

그런 다음 헤드에

<style>
.p1{
width:80px;
}
</style>

를 설정하여 너비가 조정되도록 합니다.

이제 html 라벨을 사용하는 방법에 대해 이야기해 보겠습니다.

라벨은 html 코드 형식에서 '라벨'로 사용되는 라벨입니다. 이 문장을 혼동하지 마세요. not 이 레이블은 양식을 설명하기 위해 양식 앞에 단어를 추가하는 데 사용됩니다.

태그 사이에 텍스트가 없으면 양식이 잘못 표시되는 것을 확인할 수 있습니다. 이때 라벨 태그를 도입하는 방법은 다음과 같습니다.

<form id="dreamduform" action="http://www.php.cn/dreamdu.php" method="post">
<label for="contactus">PHP中文网</label>
<textarea cols="50" rows="10" id="contactus">
这里是PHP中文网
</textarea>
</form>

위 예시에서 for 속성의 기능은 이 라벨이 기술하는 폼의 id인데, js에서는 이 속성의 값을 구할 수 있고 폼 id를 얻을 수 있는 것 같습니다. 그렇게 이해하고 있지만 실제로 테스트해본 적은 없습니다.

위 내용은 html 라벨 태그의 높이와 사용법을 설정하는 것에 관한 것입니다. (더 많은 프로그래밍 지식을 배우고 싶다면 PHP 중국어 웹사이트를 방문해 보세요. 더 많은 코스와 더 나은 선생님이 질문에 답변해 드립니다.) 질문이 있으시면 아래에 메시지를 남겨주세요.

【에디터 추천】

html 스페이스 코드는 어떻게 작성하나요? html 공간 코드 표현 요약

html 코드 태그를 어떻게 감싸나요? 이 글은 코드 문구의 사용에 대한 철저한 이해를 제공합니다

위 내용은 HTML에서 라벨 태그의 높이를 설정하는 방법은 무엇입니까? 라벨 태그 사용 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!