목록인풋 (1)

영국 척척석사 유학생 일기장👩🏻‍🎓

(HTML코딩일기) 유용한 인풋 태그 속성

1. 값이 비어있을 때 보여주는 값 placeholder 아래의 예시와 같은 구글 로그인 화면에 있는 "이메일 또는 휴대전화" 같은 것을 "플레이스 홀더"라고 부릅니다. 이러한 값을 추가하려면 placeholde라는 속성을 쓰면 됩니다. 이때 placeholder의 디자인을 바꾸려면 CSS 선택자로 ::placeholder를 활용하면 됩니다. input::placeholder { color: #dddddd; } 2. 반드시 입력해야 하는 값 required 폼에서 반드시 입력해야 하는 값이 있다면 required 속성을 써주면 됩니다. 만약 required인 인풋의 값이 비어있다면, 전송 버튼을 눌러도 전송되지 않습니다. 3. 자동완성 autocomplete 예전에 입력한 값들을 보여주는 인풋은 auto..
코딩공부/HTML&CSS 2023. 9. 8. 10:07
이전 Prev 1 Next 다음