728x90 개발공부/HTML CSS7 [HTML] input태그를 알아보자. (폼태그) 1. input 태그란? 사용자로부터 정보를 입력 받을수 있게 해주는 태그. type속성을 통해 다양한 입력 양식을 사용할수 있음. 2. input 태그의 형식 - 닫는태그는 따로 없으며, 기본적으로 type, vlaue, name 속성들이 있다. - type : 입력태그의 유형을 설정하는 속성 - value : 입력 태그의 초기값을 설정하는 속성 - name : 서버로 전달되는 이름을 설정하는 속성 3. checkbox와 radio - 둘의 속성과 사용법은 같지만, checkbox만 다중 선택이 가능하다. 4. hidden, reset - hidden : 사용자에게 입력받지 않고, 제출시 vlaue값에 설정된 값을 서버로 보낸다. - reset : form태그안에 입력된 input태그들의 값을 초기화 .. 2021. 3. 1. [HTML/CSS] id, class, name 속성의 차이점 1. id, class, name 속성의 차이점. id class name 하나의 요소만 가능. (페이지에서 유일함) 여러 요소에 적용가능 함. 여러 요소 적용가능 함. CSS에서 식별자로 사용 가능 #아이디 로 사용. CSS에서 식별자로 사용 가능 .클래스명 으로 사용가능. CSS에서 사용불가 자바스크립트의 getElementById를 활용할때 사용됨. form태그에서의 submit 전송시 사용, 폼 값을 넘길 필요가 없다면, name은 생략. jQuery : $("#아이디") jQuery : $(".클래스명") jQuery: $("input[name=이름]") 2. 기본 사용법 2-1. id와 class - id와 class는 자유롭게 짓되, 숫자로 시작해서는 안된다. - id는 #아이디 로, cla.. 2021. 3. 1. [HTML] form태그의 entype와 파일업로드. 태그의 속성인 method, action, enctype 등은 입력받은 데이터를 어떻게 처리할 것인지 세부적으로 설정하는 데 사용된다. method는 전송 방식, action은 전송 목적지, enctype은 전송되는 데이터 형식을 설정한다. enctype 속성은 다음 세가지의 값으로 지정될 수 있다. 1. application/www-form-urlencoded 디폴트값이다. enctype을 따로 설정하지 않으면 이 값이 설정된다. 폼데이터는 서버로 전송되기 전에 URL-Encode 된다. 2. multipart/form-data 파일이나 이미지를 서버로 전송할 경우 이 방식을 사용한다. 그렇게 하지 않으면 웹 서버로 데이터를 넘길때 파일의 경로명만 전송되고 파일 내용이 전송되지 않기 때문이다. .. 2021. 2. 26. [CSS] overflow 오버플로우 overflow: visible overflow: hidden; overflow: scroll; overflow: auto; 참고한 곳. developer.mozilla.org/ko/docs/Web/CSS/overflow 2021. 2. 25. [HTML] entities(엔티티) 웹 활자 표현 “ 큰 시작 따옴표 “ ” 큰 마침 따옴표 ” ‘ 작은 시작 따옴표 ‘ ’ 작은 마침 따옴표 ’ – 반각 대시 기호(en dash) – — 전각 대시 기호(em dash) — − 빼기 − × 곱하기 × … 말 줄임표 … time이라길래 시간 관련된건 줄 알았는데. 그냥 x표시였구나. 참고한 블로그 appletree.or.kr/blog/notes/%EC%98%AC%EB%B0%94%EB%A5%B8-%EC%9B%B9-%ED%99%9C%EC%9E%90-%ED%91%9C%ED%98%84%EC%9D%84-%EC%9C%84%ED%95%9C-html-entities/ 2021. 2. 25. 죽어도 안써지는 fontawesome 아이콘을 어쩌면 좋지?(폰트어썸) 폰트어썸에서 제공하는 아이콘을 쓰고 싶은데, 자꾸 빈 박스만 나온다. 왜???? 1. 적절한 위치에 해당 파일을 넣어준다. (위치를 모르겠으면 2번을 참고하여 위치에 넣어주세요.) 2.해당 링크를 jsp 파일에 걸어준다. 3. 준비가 되었다. 이제 페이지에가서 원하는 아이콘이름을 복사한다. > 폰트어썸 페이지 fontawesome.com/v4.7.0/icons/ Font Awesome Icons Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Our all-new SVG with JavaScript .. 2021. 1. 26. 이전 1 2 다음 728x90
