반응형 Coding/HTML & CSS72 [HTML & CSS] select option태그에 placeholder(플레이스 홀더) 기능 처럼 꾸미기 && 효과내기 [HTML & CSS] select option태그에 placeholder(플레이스 홀더) 기능 처럼 꾸미기 && 효과내기 굳이 이런저런 설명 없이 바로 코드로 보여드리겠습니다 !! 메뉴 선택 아메리카노 카페라떼 그린티라떼 유자차 태그의 required 속성은 폼 데이터(form data)가 서버로 제출되기 전 사용자가 반드시 드롭다운 리스트의 값을 선택해야 함을 명시합니다. required 속성은 불리언(boolean) 속성입니다. 불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다. 태그의 disabled 속성은 해당 옵션이 비활성화됨을 명시합니다. 태그의 selected 속성은 페이지가 로드될 때 옵션 중에서 미리.. 2022. 2. 3. [HTML & CSS] visibility:hidden 과 display:none 차이점 및 사용법 [HTML & CSS] visibility:hidden 과 display:none 차이점 및 사용법 div 태그를 안보이게 하는 방법은 2가지가 있습니다. 첫번째, visibility:hidden // visible 화면에 보이진 않지만 공간은 존재하고, width와 height값을 준다면 그만큼의 공간이 존재하게 된다. 두번째, display:none // block 화면에 아예 사라지게 하고, 보이지도 않고, 해당 공간도 존재하지 않게 된다. display: none; 테스트 visibility: hidden; 테스트 결과값 F12를 눌러 확인하실수 있습니다. display: none; 테스트 visibility: hidden; 테스트 2021. 9. 2. [Html & jQuery] input 태그안에 type 값 변경 초간단 방법 !! input 태그안에 type 값 변경 초간단 방법 !! 짧고 간략하게 코드로 바로 보여드리겠습니다. 이런 html 예제 코드가 있습니다. EX) type="text" 에서 button 으로 바꾸려면 jQuery를 사용하여 이렇게 넣어주면 정상적으로 작동 ! $('input[name=test]').prop('type', "button"); prop() 를 이용하여 간단하게 type 값을 바꿔주시면 됩니다 ㅎ 2021. 7. 12. [Html & jQuery] input 태그안에 value 값 넣는 초간단 방법 !! input 태그에 value 값 넣는 초간단 방법 !! 우선 input 태그에 value값을 빈칸으로 지정하고 name값을 지정해줍니다. 그 후 jQuery를 이용해 value 값을 넣어 주면 끝! $('input[name=inputValue]').attr('value',"test"); 여기에서 사용 된 .attr()은 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가하는 것 결과값 2021. 7. 11. [HTML & CSS] 이미지 반전 시키기 !(좌우대칭) - code - 결과값 2021. 5. 4. [HTML & CSS] 움직이는 Animation 효과 넣기 ! - code - 결과값 2021. 4. 15. [HTML & CSS] 다양한 특수문자, 기호(Symbol)들 입력값 # 1 - code - 다양한 특수기호(symbol) ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☎ ☏ ☐ ☑ ☒ ☓ ☔ ☕ ☖ ☗ ☘ ☙ ☚ ☛ ☜ ☝ ☞ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ 결과값 ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☎ ☏ ☐ ☑ ☒ ☓ ☔ ☕ ☖ ☗ ☘ ☙ ☚ ☛ ☜ ☝ ☞ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ 2021. 3. 16. [HTML & CSS] Text Shadow(텍스트 그림자 효과) 넣기 - code - 텍스트 그림자 효과(Text Shadow) 1 텍스트 그림자 효과(Text Shadow) 2 텍스트 그림자 효과(Text Shadow) 3 결과물 텍스트 그림자 효과(Text Shadow) 1 텍스트 그림자 효과(Text Shadow) 2 텍스트 그림자 효과(Text Shadow) 3 2021. 3. 8. [HTML & CSS] 네비게이션 바(Navigation Bar) 세로 버전 네비게이션 세로 버전 입니다 !! - code - 홈 공지사항 소개 자유게시판 네비게이션 세로 버전입니다! 결과값 2021. 2. 26. 이전 1 ··· 3 4 5 6 7 8 다음 728x90 반응형
