본문 바로가기

전체 글

(52)
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가 나옴
HTML dropdownlist HTML dropdownlist 여러 개의 선택지를 선택할 수 있게 만든다 색상 붉은색 선택할 수 있게 만드는 태그이다. name을 color로 설정함으로써 그룹핑을 해주는 것이다 붉은색 파란색 검은색 option을 사용할 수 있게 만드는 태그이다. value = "색깔"로 설정해줌으로써 서버에 정보를 보낼 때 무엇인 지 알 수 있게 한다. 색상2(다중선택) 붉은색 ctrl를 사용해서 다중 선택을 할 수 있게 만든다.
HTML radio checkbox HTML radio checkbox 여러 항목 중에서 선택을 할 수 있게 만들어주는 태그이다. 색상(단일 선택) 붉은색 : 붉은색 검은색 : 검은색 파란색 : 파란색 input type ="radio"로 설정을 하면 동그라미 표시가 나오게 된다 name은 선택하는 것을 그룹핑해주는 것이다. 만일 name으로 그룹핑을 해주지 않으면 동그라미 표시가 3개 있을 때 3개를 다 표시할 수 있게 된다. 그룹핑을 해줌으로써 한 개만 선택할 수 있게 한다 value는 내가 서버로 정보를 보낼 때 이게 무엇인지를 알려주는 것이다. checked는 홈페이지에 처음 들어갔을 때 기본으로 선택되게 해주는 것이다. 사이즈(다중 선택) 95 : 95 : 100 : 100 : 105 : 105 : 다중 선택을 사용하기 위해서는 ..