textarea 태그

● textarea 태그 - 여러 줄을 입력하는 텍스트 영역 생성 -

• format_list_bulleted Front-End Study/HTML 사전
• · 2023. 1. 2.
• textsms

드롭다운 목록 태그

드롭다운 목록 태그 1. select 태그 - select 태그를 사용해 드롭다운 목록을 생성함 - select 태그에는 추가 속성이 존재 - size 속성 : 화면에 표시될 드롭다운 메뉴의 항목 개수를 지정 - multiple 속성 : 드롭다운 메뉴를 중복 선택이 가능함 (ctrl 키를 사용) 2. option 태그 - option 태그로 드롭다운 목록에 표시되는 옵션들을 생성함 - option 태그에는 추가 속성이 존재 - value 속성 : 옵션을 선택 했을 때, 서버로 넘겨질 값을 지정 - selected 속성 : 화면에 표시될 때, 기본적으로 선택되어 있는 옵션을 지정 메뉴판 커피 메뉴 아메리카노 카페 라떼 카푸치노 바닐라 라떼 녹차 라떼 3. optgroup 태그 - 옵션끼리 그룹 지정 - 이..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2023. 1. 2.
• textsms

input 태그의 다양한 속성

input 태그의 다양한 속성 1. autofocus 속성 - 폼의 요소 중 원하는 요소에 입력 커서를 표시함 - 웹 요소에 들어가면, 바로 autofocus를 입력한 요소에 마우스가 클릭된 상태로 열림 이름 비밀번호 2. placeholder 속성 - 입력란에 힌트 내용을 표시함 - 사용자가 어떤 내용을 입력해야 하는지 알려 줄 경우에 사용 - 사용자가 내용을 입력하면 placeholder로 입력한 텍스트가 사라짐 전화번호 3. readonly 속성 - 읽기 전용 필드 생성 - 사용자가 입력하지 못하고 읽게만 할 수 있음 영업시간 4. required 속성 - 필수 필드 지정 - 이 속성을 사용하면, 무조건 입력해야 넘어가게 끔 설정할 수 있음 신청자 이름 신청 5. min, max, step 속성 -..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2022. 12. 30.
• textsms

input 태그

input 태그 1. input 태그 - 입력 항목 생성 - 태그 안에 있는 type 속성을 이용해 폼 요소를 구분함 - id 속성을 이용하여 폼 요소를 구분할 수 있음 2. text 속성 - 텍스트 필드 생성 - 다음 속성들은 텍스트 필드에서 사용할 수 있는 속성값임 속성 설명 name 텍스트 필드를 구별하는 이름을 설정 size 텍스트 필드의 길이 지정 value 텍스트 필드 부분에 표시될 내용 입력 maxlength 텍스트 필드에 입력 가능한 최대 문자 개수 지정 3. password 속성 - 비밀번호 입력란 생성 - text 속성과 달리 입력한 내용이 * 또는 · 으로 표시됨 5. 그 외의 속성값 - search : 검색 상자 생성 - url : URL 입력란 생성 - email : 메일 주소 입..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2022. 12. 28.
• textsms

클로저 (Closure)

클로저 (Closure) 1. 클로저 (Closure) - 외부 변수를 기억하고, 이 외부 변수에 접근할 수 있는 함수 - 자바스크립트의 함수와 그 함수가 선언될 때의 환경으로 이루어짐 console.clear(); function countFunction(num) { var count = num; function Increase() { count++; console.log(count); } return Increase; } var counter1 = countFunction(0); var counter2 = countFunction(5); counter1(); counter2(); - 결과를 보면, counter1( ) 함수의 값은 1이고, counter2( ) 함수의 값은 6임 → 그 이유는 coun..

• format_list_bulleted Front-End Study/JavaScript
• · 2022. 12. 22.
• textsms

메서드와 this

메서드와 this 1. 메서드 (method) - 함수가 객체의 속성 값이 될 경우 그 함수를 메서드라고 함 - 다음과 같이 첫 번째 Hello World는 a( ) 함수, 두 번째는 바인드된 메서드로 호출된 것 function a() { console.log('Hello World'); } var b = {name : 'object', method : a}; a(); b.method(); 2. this - 함수가 호출되었을 때, 어떤 객체에 바인드된 속성으로 호출된 것인지를 보여 줌 - this는 예약어임 ※ 예약어 : 프로그래밍 언어에 미리 정의된 키워드

• format_list_bulleted Front-End Study/JavaScript
• · 2022. 12. 22.
• textsms