JuinThyme

autofocus 속성 - 입력 커서 표시하기 autofocus 속성을 사용하면 페이지를 불러오자마자 폼의 요소 중에서 원하는 요소에 마우스 커서를 표시할 수 있다. 이 기능은 HTML5에서 추가된 기능이다. 이름 placeholder 속성 - 힌트 표시하기 포털 사이트의 로그인 창에서도 따로 '아이디'나 '비밀번호' 같은 제목에 붙이지 않고 입력 박스 안에 '아이디'나 '비밀번호'라고 표시해 놓아 사용자가 알아볼 수 있다. 태그의 placeholder 속성으로 만들 수 있다. 학번 실행 화면 readonly 속성 - 읽기 전용 필드 만들기 입력란에 텍스트를 표시하는 것을 넘어 사용자가 입력하지 못하고 읽게만 만들 수 도 있다. readonly 속성은 필드 안에 내용이 있지만 내용을 보여주기만 하고, 입..

IT/HTML 및 CSS 2021. 4. 6. 21:52

태그 살펴보기 사용자가 내용을 입력하는 부분은 한 줄짜리 텍스트나 비밀번호 같은 부분인데, 이런 부분을 만들 때 사용하는 태그가 태그다. 체크박스나 로그인 버튼처럼 사용자가 클릭하는 버튼도 태그를 이용한다. id 속성 사용하기 폼을 만들다 보면 똑같은 폼 요소가 여러 번 사용 된다. 예를 들어 회원 가입 폼을 만들 경우, 이름 입력 항목이나 주소 입력 항목 등 한 줄짜리 텍스트를 입력할 때 모두 라는 텍스트 필드를 사용한다. 여러 번 사용된 폼 요소를 구분하기 위해 사용하는 것이 id 속성이다. id를 지정하면 태그를 이용해 캡션을 붙일 수도 있고, CSS를 이용해 각 요소마다 다른 형태로 꾸밀 수 있다. 태그의 type 속성 hidden : 사용자에게는 보이지 않지만 서버로 넘겨지는 값을 가진다. te..

IT/HTML 및 CSS 2021. 4. 2. 20:40