html54 [HTML5] Input 태그의 type 사용 방법 총정리 안녕하세요. 혀코입니다. 이번 시간에는 Input 태그의 type 사용 방법 총정리를 해볼까 합니다. Input 태그의 type에는 다음 10가지가 있습니다. 1. text 2. email 3. password 4. tel 5. datetime-local 6. date 7. week 8. month 9. time 10. number 1. text text는 Input type의 기본 값 입니다. 보통 문자열을 입력받을 때 사용합니다. 이때, label 태그의 for 값과 input 태그의 id 를 같게 해서 연동해 줍니다. name 값은 사용자가 입력한 값과 쌍으로 name: john 형식으로 입력됩니다. Name: 2. email 이메일을 입력받을 때 사용합니다. 이메일과 pattern에 정의된 형식이.. 2022. 8. 2. [HTML5] a 태그와 button 태그의 사용방법의 차이 안녕하세요. 혀코입니다. 이번 시간에는 HTML5의 태그와 태그의 사용방법의 차이에 대해서 알아보겠습니다. 태그 태그는 다른 페이지로 이동하거나 같은 페이지에서 id 값이 지정되어 있는 위치로 이동할 때 사용합니다. Tistory href은 이동할 웹사이트 페이지 주소나 태그의 id 값을 지정할 수 있습니다. title은 툴팁으로 링크가 어떤 내용인지 알려줍니다. target은 _blank를 지정해서 새로운 탭에서 href에 지정된 웹사이트 페이지 주소로 이동할 수 있습니다. 태그 태그를 사용하는 부분을 제외한 나머지 모든 클릭 가능한 부분에 사용합니다. Click Me! type으로 지정할 수 있는 값에는 button, reset, submit이 있습니다. 폼을 입력해서 사용자가 입력한 데이터를 받아 .. 2022. 7. 29. [HTML5] script 태그의 async와 defer의 차이점 안녕하세요. 혀코입니다. 이번 시간에는 script 태그의 async와 defer attribute의 차이점에 대해서 알아보겠습니다. 웹사이트의 어느 한 페이지를 로드할 때, html 파일의 첫번째 줄부터 마지막 줄 까지 차례대로 파싱(parsing)해서 웹브라우저에 출력해 줍니다.이때, JavaScript 코드의 경우, 대부분의 경우 body 태그 안의 태그(element)들을 잡아서 변형을 해야하는 경우가 대부분인데 JavaScript 코드가 head 태그 안에 있을 경우, body 태그의 태그들이 아직 읽히기 전이여서 에러를 발생하게됩니다. 그래서 이러한 현상을 방지하기 위해서 body 태그의 맨 마지막 부분에 JavaScript를 추가합니다. 그러나 이 경우에 웹페이지 사이즈가 아주 큰 경우, 웹.. 2022. 7. 19. XML과 XSL파일 연결방법 및 HTML5적용 시중에 나와있는 책들보고 XML혼자 공부를 시작하려는데, 첫 장부터 XML과 XSL연결 문제로 골머리 썩혔네요.책을 기반으로 쓰임새만 보고 Youtube와 구글링을 통해 다음과 같은 코드를 얻었습니다. 같은 문제로 고민하는 분 있으시면 도움이 되었으면 좋겠습니다. :) XML 파일 XSL 파일 2013. 12. 8. 이전 1 다음
