본문 바로가기
반응형

프로그래밍166

[jquery] 제이쿼리를 사용하여 id 값 가져오기 제이쿼리 id로 값 가져오기ID는 고유한 값을 가지기 때문에 선택자가 정확합니다. 사용 예제 Get Value$('#myInput'): id="myInput"인 요소 선택..val(): 입력 필드의 값을 가져오거나 설정.  관련글[jquery] 동적 요소 이벤트 바인딩 처리[jquery] click() 메서드와 on("click") 메서드의 차이jQuery 페이지 로드 후 실행 이벤트 2024. 12. 8.
아스키 코드표 (0 ~ 255) 한 눈에 확인하기 목 차1. ASCII 코드표 (0 ~ 127)2. 확장 ASCII 코드표 (128 ~ 255) 1. ASCII 코드표 (0 ~ 126)10진수16진수8진수2진수HTML 표현문자00x0000000000000�NUL10x0100100000001SOH20x0200200000010STX30x0300300000011ETX40x0400400000100EOT50x0500500000101ENQ60x0600600000110ACK70x0700700000111BEL80x0801000001000BS90x0901100001001	TAB100x0A01200001010
LF110x0B01300001011VT1.. 2024. 12. 7.
[JavaScript] 키보드 이벤트 총정리 (keypress, keyup, keydown) 목 차1. 자바스크립트 키보드 이벤트란?2. 키보드 이벤트 유형2-1. keydown2-2. keypress2-3. keyup3. 기본 키보드 이벤트 속성3-1. key3-2. code3-3. keyCode3-4. altKey3-5. ctrlKey3-6. shiftKey3-7. metaKey4. 기본 동작 제어4-1. preventDefault()4-2. stopPropagation()5. 사용 예제5-1. 키 입력 방지5-2. 특정 키 조합 방지 (단축키 구현)5-3. 입력 필드의 실시간 문자 감지5-4. 방향키 감지5-5. Caps Lock 감지5-6. Enter 키로 폼 제출 방지5-7. 백스페이스로 페이지 이동 방지 1. 자바스크립트 키보드 이벤트란?JavaScript의 키보드 이벤트는 사용자가 .. 2024. 12. 7.
텍스트 입력을 위한 input 태그의 올바른 사용법 목 차1. 태그란?2. 기본 구조3. 태그 속성3-1. type3-2. name3-3. id3-4. value3-5. placeholder3-6. maxlength3-7. required3-8. disabled3-9. readonly3-10. pattern3-11. autofocus3-12. autocomplete4. type 속성별 예제4-1. 기본 텍스트 입력 (type="text")4-2. 비밀번호 입력 (type="password")4-3. 이메일 입력 (type="email")4-4. 숫자 입력 (type="number")4-5. URL 입력 (type="url")4-6. 전화번호 입력 (type="tel")4-7. 날짜 및 시간 입력4-8. 체크박스 (type="checkbox")4-9. .. 2024. 12. 5.
여러 줄 입력하는 textarea 태그 올바른 사용법 목 차1. 태그란?2. 기본 구조3. 속성3-1. name3-2. id3-3. rows3-4. cols3-5. placeholder3-6. disabled3-7. readonly3-8. maxlength3-9. wrap4. 예제4-1. 기본 텍스트 입력 필드4-2. placeholder 속성 적용4-3. 비활성화 된 텍스트 영역 (disabled 속성)4-4. 읽기 전용 텍스트 영역 (readonly 속성)4-5. 제한된 문자수4-6. 입력된 텍스트 가져오기4-7. 텍스트 동적 변경 1. 태그란?HTML의 태그는 여러 줄의 텍스트를 입력할 수 있는 입력 필드를 생성하는 데 사용됩니다. 주로 사용자로부터 긴 텍스트 데이터를 입력받기 위해 사용되며, 예를 들어 댓글 입력란, 메모 입력란 등에 사용됩니.. 2024. 12. 4.
HTML select 태그와 option 태그 사용법 목 차1. 기본 구조2. 문법3. 태그 속성3-1. name3-2. id3-3. multiple3-4. size3-5. disabled4. 태그 속성4-1. value4-2. selected4-3. disabled5. 예제5-1. 기본 드롭다운5-2. 다중 선택 가능 드롭다운5-3. 비활성화 된 옵션 포함5-4. 선택된 값 가져오기5-5. 옵션 동적 추가 1. 기본 구조HTML의 태그는 드롭다운 목록을 생성하기 위해 사용됩니다. 사용자가 목록에서 하나 이상의 옵션을 선택할 수 있게 합니다. 태그는 기본적으로 태그와 함께 사용됩니다.  2. 문법 Option 1 Option 2 Option 3 태그: 드롭다운을 감싸는 태그입니다. 태그: 드롭다운 내의 각 옵션을 정의합니다. 기본 .. 2024. 12. 3.
반응형

티스토리툴바