웹/HTML (14) 썸네일형 리스트형 HTML validation error HTML validation error 오류를 검사할 수 있다. required가 있으면 무조건 입력을 해야 되는 거다. 즉 필수 정보일 때 사용한다. 여기에 입력을 하지 않고 제출 버튼을 누르면 제출이 되지 않는다. required가 없으면 입력을 해도 되고 안해도 되는 것이다. pattern은 내가 입력형식에 대한 pattern을 지정할 수 있게 하고 정규식이 이용이 된다. "[a-zA-Z].+" 맨 앞자리는 무조건 알파벳으로 나오며 그다음에는 아무거나 와도 상관이 없다는 뜻 HTML autocomplete,autofocus,placeholder HTML autocomplete, autofocus, placeholder 유용한 기능들 autocomplete = "on" 은 자동완성 기능이다. form 안에 속해 있는 모든 것에 autocomplete를 하게 만든다. placeholder = "id"는 처음 홈페이지에 들어갔을 때 네모 박스에 기본적인 정보(id)를 알 수 있게 해주는 것이다. autofocus는 구글 사이트 들어가 보면 알 수 있는데 처음 들어갔을 때 autofocus 설정한 곳에 커서가 위치해 있는 것이다. placeholder = "비밀번호"는 처음 홈페이지에 들어갔을 때 네모 박스에 기본적인 정보(비밀번호)를 알 수 있게 해주는 것이다. autocomplete = "off"는 자동완성을 끄는 기능이다. HTML Input Type HTML Input Type 다양한 input type들이 존재한다. 숫자만 입력 최소 10 최대 15 : 숫자만 입력할 수 있게 하는 타입이다. 최솟값의 범위와 최댓값의 범위를 정할 수 있다. 물론 키보드로 치면 최소값과 최댓값을 넘어서는 범위를 입력할 수 있지만 제출을 하면 오류로 뜨게 된다. 날짜를 입력 : 연도와 월 일을 입력할 수 있게 하는 타입이다. 연도와 월을 입력 : 연도와 월을 입력할 수 있게 하는 타입이다. 연도와 주를 입력 : 연도와 주를 입력할 수 있게 하는 타입이다. 시간 입력 : 오전/오후 및 시간을 입력할 수 있게 하는 타입이다. 이메일 입력 : 이메일 형식으로 입력하게 만드는 타입이다. 만일 "@" 안 쓰고 제출을 하면 @입력해서 다시 쓰라고 뜬다. 검색할 때 사용 : 검색할.. HTML mobile 기기에 맞게 HTML 크기를 설정하는 법 width = device-width 크기를 기기에 자동으로 맞추게 하는 태그 inital-scale = 1.0 처음 열었을 때 확대나 축소를 하지 않고 원본 비율로 본다. HTML method HTML metod method는 서버로 보낸 다음 URL에 어떻게 뜨는 지를 정할 수 있다. 기본적으로는 method = "get"방식이다 안 써도 상관없다 get방식을 이용하면 내가 입력한 아이디와 비밀번호가 url에 찍히게 된다. 두 번째 방식은 method = "post"이다 위의 방식과 비교하면 아이디와 비밀번호가 찍히지 않는다. 더 안전한 방식 HTML lable HTML lable lable 폼에 이름을 만들어줘서 그룹핑(?) 해주는 것이다. text : text: lable을 안 쓰면 네모 박스에 글을 쓰기 위해서는 네모 박스만을 클릭해야 된다. 하지만 lable을 써서 text: 와 input type을 묶어주면 text:를 클릭해도 네모 박스를 클릭한 것처럼 된다. 묶는 방법은 lable for = "id_txt"에서 for을 이용해서 별명을 만들어주는 것이다. 그다음 같이 묶을 태그에 id = "id_txt"를 넣어서 같이 묶는다. 별명은 원하는 걸로 해도 상관없다. id: 다른 방법이 하나 더 있다. 처음부터 lable을 이용해서 묶는 것이다. id : 원하는 걸로 하면된다 붉은색 또한 checkbox나 radio에도 써먹을 수 있다. 꼭 체크박스를 누.. HTML Hidden HTML Hidden html 자체에 표시 되지는 않고 정보를 보내는 것이다. 출처 : 생활코딩 HTML HTML Button HTML Button 텍스트를 입력한다 / 서버로 보낼 때 이정보는 id이다/ 처음 홈페이지에 들어갈 때 기본 값은 "기본값"으로 나온다. 제출 버튼을 만드는 태그 기본은 "제출"이고 value를 이용해서 "전송"(원하는거 가능)으로 바꿀 수 있다. 제출 버튼을 만드는 기본 태그 누르면 서버로 정보를 넘긴다 input = "button"만 하면 빈 네모만 형성 이름을 value로 만들어준다. 하지만 위에 submit가 다른게 하나 있다면 아무런 기능이 없다는 것 기능을 만드려면 jsp를 이용해서 onclick="alert('hello world')"해야한다. 눌렀을 때 hello world가 나옴 이전 1 2 다음
