IT/html26 html textarea textarea 태그는 게시판에서 질문사항을 입력할 때처럼 긴 글을 입력해야 할 때 사용할 수 있습니다. cols 속성과 rows 속성을 사용해서 가로 길이와 세로 길이를 조절할 수 있습니다. placeholder 속성을 사용해서 입력값에 대한 설명을 보여줄 수 있습니다. 입력값이 textarea의 크기보다 많아지면 스크롤이 생성됩니다. maxlength 속성을 사용하면 입력값에 대한 글자 수를 조절할 수 있습니다. 사용법 question submit label 태그의 for 속성의 값과 textarea 태그의 id 속성값을 일치시키면 텍스트를 클릭해도 입력창을 선택할 수 있습니다. submit 버튼을 누르면 textarea의 name 속성값= 입력값의 형식으로 서버로 전송됩니다. 2023. 2. 28. html input type number html input 태그의 type 속성에 number를 입력하면 숫자만 입력할 수 있는 상태가 됩니다. min 속성에 최솟값을 max 속성에 최댓값을 입력해서 입력값의 범위를 조절할 수 있습니다. step 속성에 원하는 값을 입력해서 화살표로 값을 조절할 때 증가, 감소할 때 단위를 정할 수 있습니다. value 속성에 원하는 값을 입력해서 기본값을 정할 수 있습니다. placeholder 속성을 사용해서 입력값에 대한 설명을 보여줄 수 있습니다. 사용법 age submit label 태그의 for 속성과 input 태그의 id 속성의 값을 일치시키면 텍스트를 선택해도 입력창을 선택할 수 있습니다. submit 버튼을 누르면 input 태그의 name 속성값=input 태그의 입력값의 형식으로 전송됩니다. 2023. 2. 28. html 범위 슬라이더 (range slider) html 범위 슬라이더는 값의 범위를 정하고 마우스 클릭 또는 키보드 방향 키를 사용해서 시각적으로 선택할 수 있습니다. input 태그의 type 속성에 range를 입력해 주면 생성할 수 있으며 min 속성에 최솟값을 max 속성에 최댓값을 입력해서 값의 범위를 조절할 수 있습니다. value 속성을 사용해서 기본값을 설정할 수 있고 step 속성을 사용해서 값의 조절 단위를 정할 수 있습니다. 사용법 security-level submit label 태그의 for 속성의 값과 input 태그의 id 속성의 값을 일치시키면 텍스트를 클릭해서 슬라이더를 선택할 수 있습니다. 2023. 2. 28. html 선택창 html 선택 창은 값을 선택해야 할 때 사용할 수 있는 태그입니다. 회원가입 시 이메일을 선택해야 할 때처럼 하나의 값을 선택해야 될 때 사용됩니다. form 태그 안에서 사용이 되며 select 태그 안에 option 태그를 사용해서 선택요소들을 생성할 수 있습니다. option 태그 안에 value 속성에 서버에 전송할 값을 입력할 수 있으며 selected 값을 입력한 태그가 처음 선택된 상태입니다. 사용법 Please Select Email gmail.com daum.net naver.com submit label 태그 for 속성과 select 태그의 id 속성의 값을 일치시키면 텍스트를 클릭해도 선택 창이 선택이 되고 위아래 방향 키로 선택 요소들을 선택할 수 있습니다. 서버에 전송할 때 s.. 2023. 2. 27. html 라디오버튼 html 라디오 버튼은 값을 선택해야 할 때 사용할 수 있는 태그입니다. 회원가입 시 성별을 선택할 때 하나의 값 만을 선택할 수 있는 경우와 같을 때 사용됩니다. form 태그 안에서 사용이 되며 input 태그의 type 속성에 radio를 입력하면 생성이 되고 각각의 라디오 버튼을 name 속성을 사용해서 그룹으로 묶어서 사용해야 됩니다. label 태그의 for 속성값과 input 태그의 id 속성값을 일치시키면 텍스트를 클릭해도 선택할 수 있습니다. 사용법 남 여 submit checked 옵션을 주면 처음에 해당 값이 선택된 상태로 설정이 되고 submit 버튼을 눌러서 전송시키면 value 속성의 값을 서버에 전송 시킬 수 있습니다. 2023. 2. 27. html 체크박스 html 체크박스는 값을 선택해야 할 때 사용할 수 있는 html 태그입니다. 회원가입 시 약관에 동의를 하는지를 질문할 때 필수로 체크해야 되는 값이 있고 선택으로 체크해야 되는 값이 있는 것처럼 원하는 값을 여러 개 선택해야 할 때 주로 사용이 됩니다. form 태그 안에서 사용이 되며 input 태그의 type 속성에 checkbox를 주면 생성이 되고 input 태그의 id 속성과 label 태그의 for 속성의 값을 일치시키면 글자를 클릭해도 값을 선택할 수 있습니다. 사용법 apple banana grape submit submit 버튼을 누르면 선택한 값을 서버에 전송하는데 apple을 선택했다면 name 속성값=value 속성값의 형식으로 전송이 됩니다. 2023. 2. 27. html input name 속성 HTML에서 input 요소는 사용자가 값을 입력할 수 있는 요소를 나타냅니다. name 속성은 input 요소의 이름을 지정합니다. 이 속성은 서버 측에서 폼 데이터를 처리하는 데 사용됩니다. name 속성은 각 input 요소에 고유한 이름을 할당하므로 데이터를 서버로 전송할 때 어떤 필드에 해당하는 값인지 구분할 수 있습니다. 예를 들어, 사용자 이름을 입력받는 폼에서 input 요소의 name 속성을 "username"으로 설정하면 서버에서 이 필드를 찾아서 처리할 수 있습니다. name 속성은 폼 데이터를 전송할 때 쿼리 문자열의 이름으로 사용됩니다. 쿼리 문자열은 name=value 쌍으로 이루어져 있으며, input 요소의 name 속성이 이름이 되고 value 속성이 값이 됩니다. 사용법 .. 2023. 2. 24. html button 태그 HTML에서 button 태그는 사용자가 클릭하거나 탭할 수 있는 버튼을 만드는 데 사용됩니다. button 태그는 텍스트, 이미지 또는 둘 다를 포함할 수 있으며, 클릭할 때 JavaScript 함수를 호출하거나 서버로 데이터를 제출하는 데 사용됩니다. button 태그에는 다음과 같은 속성이 있습니다. type: 버튼의 타입을 정의합니다. 기본값은 "submit"이며, 이 속성은 "button", "reset" 및 "submit" 값을 가질 수 있습니다. name: 버튼의 이름을 정의합니다. value: 버튼의 값을 정의합니다. 이 속성은 폼 데이터를 제출할 때 사용됩니다. disabled: 버튼이 사용 불가능한지 여부를 나타내는 부울 속성입니다. 사용법 Submit 위의 예시에서 button 태그는.. 2023. 2. 24. 이전 1 2 3 4 다음
