안녕하세요 냥장판 입니다
지난 게시글에서는 label 태그에 대해서 알아봤어요!
2020/04/09 - [놀고있네/HTML & CSS] - [HTML] label 태그 사용하기
[HTML] label 태그 사용하기
안녕하세요 냥장판 입니다 아주 오랜만에 포스팅하네요 😥( 그동안 너무 바빠서 포스팅을 게을리했네요..) 이번 게시글에서는 label 태그에 대해서 알아보려고 합니다. 1. label 태그란 label 태그는 인터페이스..
miaow-miaow.tistory.com
이번 게시글에서는 input 태그에 대해서 알아보려고 합니다.
Input 태그는 form 태그 안에 사용되고,
사용자와의 상호작용을 가능하게 하는 태그에요.
form 안에서 사용할 때 양식은 아래와 같고요.
체크박스가 id를 가지고있었으면 좋겠다묜 label에 for를 사용해서 id를 지정해주면 됨
적용해보면
그럼 이만!
이외에 모바일에서 사용하는 input에대해 잘 정리된 자료 공유쓰
https://css-tricks.com/everything-you-ever-wanted-to-know-about-inputmode/
Everything You Ever Wanted to Know About inputmode | CSS-Tricks
The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user
css-tricks.com
'🎪 놀고있네 > HTML & CSS' 카테고리의 다른 글
| [HTML] label 태그 사용하기 (4) | 2020.04.09 |
|---|---|
| [CSS] Flexbox - Wrapping 사용하기 (0) | 2020.03.05 |
| [CSS] Flexbox - Vertical Aligning(align-items 사용하기) (0) | 2020.03.04 |
| [CSS] Flex item 그룹만들기 (0) | 2020.03.03 |
| [CSS] Flexbox - Aligning(justify-content 사용하기) (2) | 2020.03.02 |
댓글