728x90
반응형

HTML FORM 3

[HTML] 09-02. select & textarea & button & fieldset/legend : form 태그 안에서 사용되는 입력태그

🟡 1. select 태그 - select 태그는 form 태그 안에서 사용하는 입력 태그 중에 목록을 나타내고 싶을 때 사용합니다. - select 태그는 option 태그를 사용하여 항목들을 하나하나 나타낼 수 있습니다. 속성 설명 name select 태그의 이름을 설정 합니다. size 목록(select)을 펼치기 전에 보여질 항목의 개수를 설정 합니다. multiple 다중값을 선택 가능하도록 설정합니다. disabled 화면에는 표시되지만 선택을 할 수 없게 설정합니다. autofocus 웹 페이지 로딩된 후 목록으로 바로 포커스가 맞춰지게 설정합니다. 🟣 size 속성 1 2 3 4 5 🟣 mutiple 속성 1 2 3 4 5 🟣 disabled 속성 1 2 3 4 5 🟡 1.1 select..

Front-End/HTML 2021.12.20

[HTML] 09-01. input : form 태그 안에서 사용되는 입력태그

🟡 1. form 태그 안에서 사용되는 입력 태그의 종류 input : 웹사이트에서 흔히 입력을 받는 거의 모든 종류를 input 태그라고 합니다. checkbox, date, email, radio, range 등등 select : 여러 개의 리스트에서 여러 개의 아이템을 선택할 때 사용됩니다. textarea : 긴 글을 입력할 때 사용되는 태그입니다. 주로 자기소개서 입력창 같은 곳에서 사용합니다. button : 서버로 전송을 실행하는 submit버튼, reset 하는 버튼 등이 있습니다. fieldset/ legend : 입력 태그들을 그룹화할 때 사용합니다. 🟡 2. Input 태그 - input 태그는 form태그 안에서 사용되는 입력 태그 중에서 가장 중요하면서 많이 사용되는 태그입니다. ..

Front-End/HTML 2021.12.15

[HTML] 08. form(폼)

🟡 1. form 태그 - form 태그는 사용자가 웹사이트를 통해 입력한 데이터를 수집하기 위해 사용되는 태그입니다. input, button, textarea, select, checkbox, radio button, submit button 등의 입력 양식 태그를 통해서 데이터를 수집합니다. 그리고 수집한 데이터를 하나로 묶어서 서버로 전송을 하는 역할을 합니다. userID: id: form 태그 실제 브라우저 화면 submit 버튼을 눌러 form 안에 데이터를 서버로 보낸 후 받은 결과 위에 예시처럼 form 태그는 form태그 안에 있는 입력 양식 태그들의 데이터를 모아서 서버에서 보내는 역할을 합니다. 아래 사진은 우리가 실생활에서 form태그를 접할 수 있는 예시입니다. 🟡 1.2 for..

Front-End/HTML 2021.12.06