HTML36 html 폼 만들기 6 - 라디오 버튼 만들기 html 폼 만들기 6 - 라디오 버튼 만들기 네 안녕하세요, 이번 포스팅에서는 라디오 버튼에 대해 알아보도록 하겠습니다. 라디오 버튼 역시 선택형 입력 폼의 일종입니다. 그리고 체크박스만큼이나 자주 쓰입니다. 그래서 그만큼 중요한 선택형 입력 폼 양식입니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 라디오 버튼 만들기 : input type = "radio" 라디오 버튼은 radio 속성을 이용해서 만듭니다. 또한, 라디오 버튼은 name 속성의 값이 같은 라디오 버튼끼리 하나의 그룹을 형성하고 묶입니다. 그리고 라디오 버튼 역시 체크박스처럼 checked 속성이 존재하는 칸이 있다면 웹 페이지를 여는 순간부터 체크표시가 되어서 출력이 됩니다. 그럼 간단한 예제를 통하여 같이 알아보실까요? 먹고 싶은.. 2023. 3. 4. html 폼 만들기 5 - 체크박스 만들기 html 폼 만들기 5 - 체크박스 만들기 네 안녕하세요, 이번 포스팅에서는 체크박스를 만드는 방법에 대하여 알아보겠습니다. 체크박스는 선택형 입력 기능 중 한 기능이며, 선택형 입력이란 우리가 흔히 설문조사나 시험을 볼 때 4지선다나 5지선다형 문제를 푸는 것처럼 무언가를 선택을 할 수 있도록 하는 폼을 만드는 것입니다. 그래서 이걸 이용하게 되면 나중에 우리가 웹 사이트를 만들거나 어플 등을 만들고 후에 만족도 조사 같은 걸 할 때 이런 식으로 선택형 입력 폼을 만들어서 선호도 등을 조사하고 관리를 하는 데 도움을 줄 수 있기 때문에 매우 유용한 기능입니다. 그리고 무언가를 변환시키거나 합성시키는 등의 유머사이트 등에서도 이러한 선택형 폼을 써서 소비자들의 취향대로 결과물을 얻을 수 있도록 하기도 합.. 2023. 3. 4. html 폼 만들기 4 - 이미지 버튼 만들기 html 폼 만들기 4 - 이미지 버튼 만들기 네 안녕하세요, 이번 포스팅에서는 이미지 버튼을 만들어보도록 하겠습니다. 저번 포스팅에서는 기본 버튼들을 만들어 그 기능을 살펴보았습니다. 하지만 우리가 보는 버튼 중에는 이미지로 된 버튼들도 존재하고, 디자인적으로도 더 예쁘고, 시선을 사로잡기에도 좋아서 사업적 아이템이 되기도 하여 다방면에서 더 좋습니다. 그래서 이러한 이미지 버튼을 이번에 직접 만들어보는 시간을 가져보도록 하겠습니다. 그리고 버튼 태그에 대해서 잘 모르시는 분들이 계시다면, 제가 버튼 태그에 대한 포스트를 기재해 둘 테니, 한 번 들어가셔서 보고 다시 오시길 추천드립니다. 아래는 버튼 태그 포스팅 링크입니다. 2023.03.04 - [html, css, 자바스크립트] - html 폼 만.. 2023. 3. 4. html 폼 만들기 3 - button 태그로 기본 버튼 만들기 html 폼 만들기 3 - button 태그로 기본 버튼 만들기 네 안녕하세요, 이번 포스팅에서는 버튼을 만드는 방법에 대하여 알아보겠습니다... 우리가 무언가를 검색을 하거나, 혹은 아이디와 비밀번호를 입력을 한다던가, 아니면 페이지 이동 및 전환을 할 때 버튼을 누릅니다. 그 말은 즉슨, 웹은 버튼을 거의 항상 필요로 한다는 뜻이 됩니다. 그래서 이번 시간에는 그 부분을 한 번 다뤄보려 합니다. 그럼 지금 시작하도록 하겠습니다. 1. 버튼의 종류 버튼은 큰 틀에서 나누면 문자로 이루어져 있는 텍스트 버튼, 그리고 이미지가 씌워져 있는 이미지 버튼이 있습니다. 보통 통상적으로는 이미지 버튼을 가장 많이 쓰는데, 필요에 따라서 이미지 버튼을 쓸 때도 있습니다. 그리고 버튼에 어떤 기능을 입히느냐에 따라서.. 2023. 3. 4. 이전 1 2 3 4 5 6 ··· 9 다음