简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집> 웹 프론트엔드> CSS 튜토리얼> 본문

你不一定知道的Label的For用法_经验交流

WBOY
풀어 주다： 2016-05-16 12:08:04
원래의
1961명이 탐색했습니다.

HTML中的Label标签，未接触标准的恐怕会比较陌生。即使接触了标准，很多人也只是当成一个容器，用来解释表单中的元素。概念性的东西我这里就不罗唆了，有兴趣的可以参看W3上的教程。

这里偶只是想谈谈Label中For的用法，这两天再搞华人站用了几个，还是比较爽的。如下面的例子，对于“相当同意”，试着点点文字看。如果真觉得“吹毛求疵”，那就麻烦去描那个小不拉吉的RedioBox了。

相当同意 果然吹毛求疵

上面相应的代码如下，其实相当的不神秘，只是在label上加了个for属性，里面的属性值即为所需要关联的表单元素ID。


[Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行]

HOHO，其实这种用法已经到处都是了，Google、Baidu、MSN，还有N多的C/S软件...而且应用范围很广，多选、单选、甚至是链接。既然给用户更宽的点击区域，又不需要什么额外的代码，又何乐而不为呢？

관련 라벨：
你不一定知道的Label的For用法
원천：php.cn
이전 기사：实用的利用 CSS + <em>标签 来完成一个三角形的制作_经验交流 다음 기사：百分比的细节－－容器大小篇_经验交流
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
업데이트 시 MySQL이 읽히지 않도록 방지 두 개의 간단한 쿼리가 있습니다. 하나는 테이블을 읽는 것이고 다른 하나는 테이블을 업데이트하는 것입니다. 업데이트 쿼리가 실행되는 동안 선택 쿼리 읽기를 잠그는...
에서 2023-11-07 18:05:53
0
1
203
VueJs를 사용하여 생성된 QR(vue-qrcode) 코드를 복사하거나 다운로드하는 대안 저는 사용자가 공개 프로필 링크에 대한 QR 코드를 생성하여 명함에서 공유할 수 있도록 "vue-qrcode" 플러그인을 사용하여 QR 코드를 ...
에서 2023-11-06 00:01:12
0
1
301
"얀 서비스"와 "얀 스타트", "얀 빌드"의 차이점은 무엇입니까? 나는 "yarnserve"와 "yarnstart"가 모두 내 vue 프로젝트를 시작하고 실행할 수 있다는 것을 알고 있지만 둘...
에서 2023-11-02 21:07:12
0
1
283
PlanetScaleDb Prisma 구성 - 서버는 안전하지 않은 연결을 허용하지 않으며 클라이언트는 SSL/TLS를 사용해야 합니다. 저는 새로운 PlanetScale 지원 프로젝트를 시작하고 Prisma를 사용하여 설정하고 있습니다. 나는 이 공식 문서의 지침을 따랐으며(데이터베이스 이름 변경...
에서 2023-11-02 08:58:00
0
1
252
Brew 설치 후 MAC에서 PHP 7.4를 업그레이드하는 동안 오류가 발생했습니다. Ventura OS가 설치된 MacAir가 있습니다. 방금 Brew를 설치했는데 더 이상 PHP를 업그레이드할 수 없습니다. 다음 오류가 발생합니다. 오류: ph...
에서 2023-10-29 22:04:52
0
1
279
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！