input 태그의 다양한 속성

input 태그의 다양한 속성 1. autofocus 속성 - 폼의 요소 중 원하는 요소에 입력 커서를 표시함 - 웹 요소에 들어가면, 바로 autofocus를 입력한 요소에 마우스가 클릭된 상태로 열림 이름 비밀번호 2. placeholder 속성 - 입력란에 힌트 내용을 표시함 - 사용자가 어떤 내용을 입력해야 하는지 알려 줄 경우에 사용 - 사용자가 내용을 입력하면 placeholder로 입력한 텍스트가 사라짐 전화번호 3. readonly 속성 - 읽기 전용 필드 생성 - 사용자가 입력하지 못하고 읽게만 할 수 있음 영업시간 4. required 속성 - 필수 필드 지정 - 이 속성을 사용하면, 무조건 입력해야 넘어가게 끔 설정할 수 있음 신청자 이름 신청 5. min, max, step 속성 -..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2022. 12. 30.
• textsms

input 태그

input 태그 1. input 태그 - 입력 항목 생성 - 태그 안에 있는 type 속성을 이용해 폼 요소를 구분함 - id 속성을 이용하여 폼 요소를 구분할 수 있음 2. text 속성 - 텍스트 필드 생성 - 다음 속성들은 텍스트 필드에서 사용할 수 있는 속성값임 속성 설명 name 텍스트 필드를 구별하는 이름을 설정 size 텍스트 필드의 길이 지정 value 텍스트 필드 부분에 표시될 내용 입력 maxlength 텍스트 필드에 입력 가능한 최대 문자 개수 지정 3. password 속성 - 비밀번호 입력란 생성 - text 속성과 달리 입력한 내용이 * 또는 · 으로 표시됨 5. 그 외의 속성값 - search : 검색 상자 생성 - url : URL 입력란 생성 - email : 메일 주소 입..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2022. 12. 28.
• textsms