반응형 study/HTML13 02 회원가입 폼 만들기, date, select, checkbox *비밀번호 비밀번호 type은 반드시 password로 사용. 그렇지 않으면 글자가 그대로 노출된다. 비밀번호: *필수 사항과 옵션 사항 구분해주기. 필수 사항과 옵션 사항은 구분해준다. 으로 아이디 비번 메일 따위를 묶어준다. fieldset에는 제목 성격의 타이틀을 넣어준다. 필수 입력 사항 이름: 이메일: 비밀번호: 부가 입력 사항 생년월일: *date 생년월일 type 은 date로 쓴다. 달력이 나온다. IE에서는 안나오기 때문에 jqueryui.com에서 사이드메뉴에 Datepike에서 viewsorce제이쿼리 이용해서 코드 짠다. 7번 줄부터 15번 까지 copy 사이에 붙여준다. 생년월일: 데모의 스타일은 지워도 된다. http:를 적어준다. 생년월일: for과 id 반드시 일치 시켜준다... 2020. 1. 10. 01 회원가입 폼 만들기, input, text, email *input, label 이름: 이메일: 이름: 에서 이름은 라벨이다. 라벨로 감싸준다 - input들은 고유의 id를 지정한다 이름: 이메일: 지정을 해도 커서가 깜빡이지 않는다. - label과 input을 연동 시켜야 됨 이름: 이메일: 연동 시키면 이름: 이라는 글자를 눌렀을때 커서가 깜빡인다. 현재 코드로는 이름 이메일 작성창이 가로로 나열된다. - 세로로 나열하기 위해서는 사용해준다. 이름: 이메일: 사용자가 어떤 형태로 작성을 할지 type를 지정해준다. 이름: 이메일: 하지만 전송 버튼 눌러도 넘어가지 않음. form을 사용해야 넘길수 있다. 으로 반드시 action을 써준다. 이름: 이메일: 이 부분은 프로그래머와 협업 해야한다. 프로그래머에게 미리 파일이름 받던가 협의하기 input의 .. 2020. 1. 10. 이미지맵 사용하기, old is but goodies *이미지맵 사용 // 좋지못한 예 =================================================================== // 바른 예 위의 좋지못한 예처럼 width="" height="" 같은 동적 언어는 CSS에서 사용할 것 class="이름" 지정하면 CSS 편집시 해당 이름 편집가능 alt="" 는 이미지를 대신하는 문구, 검색 키워드, 웹접근성(시각) -이미지 오류등으로 보이지 않을때 대신 보여지는 문구- *이미지 좌표 클릭으로 링크 띄우기 imagemapic 프로그램으로 해당 이미지 선택해서 Circle 툴로 좌표 지정후에 지정된 곳 우클릭 edit properties 선택후 링크할 주소와 열리는 방식 지정해주기 중요한건 와 위쪽 usemap="#seoul_.. 2020. 1. 10. 링크, anchor, 절대경로, 상대경로, 사이트내 파일연결하기 *앵커 절대경로 주소 *현재창에 링크열림 (내부에서 바뀔땐 target 쓰지말기) daum 이렇게 쓰면 현재 화면이 링크 주소로 열려버림 *새창으로 링크열림(외부로 열어줄때 target 쓰기) daum 사이트 *상대경로 현재 작성하고 있는 파일을 기준으로 해당파일 어딨는지를 파악 -작성위치와 같을땐 파일명 그대로 적어준다. -작성위치에 있는 폴더 안에 있을경우 >>폴더명/파일명.html -작성위치 밖에 있는경우 (밖일경우 ../파일명.html) // 작성파일과 같은 위치일때 about us // 작성파일과 같은 위치에 있는 폴더 내부에 있을때 services // 작성파일 밖에 있을때 about us 2020. 1. 9. 이전 1 2 3 4 다음 반응형