IT/HTML

[HTML] 폼 | label | video

o_zeew 2024. 3. 7. 17:49

24.03.07 16일차

목차

1. 폼

2. label

3. video

 


 

1. 폼

중첩 사용 X

 

1. 로그인과 아이디입력

 

post : 주소에 노출되지 않기 위해서 사용

 

2. input 타입

 

*전송버튼을 누르면 실행되는 action 확인

himidia23.html 파일 지정
전송 버튼을 누르면 화면 전환

 

textarea

 

resize:none;  >>  박스창의 크기 조절을 못하게 설정

 

2. label

커서를 올려놓으면 title이 출력됨

 

placeholder : 박스 안에서 미리 입력해야하는 것을 알려주는 기능

 

required : 값이 비어있으면 경고창을 띄움

*id는 반드시 label명과 동일해야함

 

autocomplete="on" : 이전에 입력했던 정보를 자동으로 입력

autocomplete를 켜놓은 이메일은 자동으로 이전에 입력했던 메일을 띄워준다

 

pattern : 지정한 문자패턴(정규식)과 입력된 내용의 일치여부 확인

3자리-3,4자리-4자리의 형식을 지키지 않자 나오는 경고 메세지

 

multiple : 여러개의 파일을 동시에 선택할 수 있는 속성

 

diabled : 비활성화 상태로 설정

readonly : 수정할 수 없도록 설정

 

margin: 0 auto;  >>  가운데정렬

 

그룹으로 묶기

wrap 이라는 그룹으로 묶기

 

 

 

3. video

autoplay controls : 자동재생

loop : 반복재생