728x90
반응형

HTML 23

HTML <textarea> - 다중 입력창 (폼 form 양식)

HTML - 다중 입력창 (폼 form 양식) HTML → 박스 형태의 입력창 만들기 - ~으로 클로징 태그를 작성해야합니다. - 사용자가 여러 줄의 데이터를 입력할 수 있는 창을 만드는 것입니다. - rows 속성과 cols 속성을 이용하여 크기를 설정해 작성 영역을 만들수 있습니다. [ textarea 기본 형태 ] ↓ 태그는 전체 선택 항목들을 감싸고 태그는 각 항목을 감싸는 형태입니다. 에서 자주 쓰는 속성 → autofocus, cols, row, required, placeholder autofocus : 자동으로 텍스트를 입력할 영역을 알려주는 속성 cols : 입력할 수 있는 글자수를 의미 (= 입력창의 너비를 결정) → 코드예시) cols="숫자" ← 이 숫자는 작성가능한 숫자를 말한다...

HTML <select> 태그 - 선택박스 (폼 form 양식

HTML 태그 - 선택박스 (폼 form 양식) HTML → 선택박스 - ~으로 클로징 태그를 작성해야합니다. - 는 선택 옵션 태그로 ~태그 요소를 1개 이상 가지고 있어야합니다. - 전체 항목 안에서 선택된~은 서버로 전송이됩니다. [ select 태그의 기본 형태 ] ↓ 태그는 전체 선택 항목들을 감싸고 태그는 각 항목을 감싸는 형태입니다. 옵션 내용 에서 자주 쓰는 속성 → selected selected : 옵션들 중에서 미리 선택되어지는 옵션을 지정하는 속성으로 selected를 쓴 의 순서와 상관없이 가장 먼저 표시가 됩니다. [ 실전예시 ] 이메일 : @ 직접 입력 naver.com gmail.com nate.com hanmail.com [ 실행시 화면 ]

HTML <button> 태그 - 버튼 만들기_폼 양식

HTML 태그 - 폼 양식 HTML 태그 - button 요소는 사용자가 누를 수 있는 버튼입니다. ↓ 버튼 태그의 기본 형태 ~ button에서 자주 쓰는 속성 → type, name, autofocus, onclick type : 입력 태그의 유형을 결정하는 속성 name : 서버로 전달되는 이름을 작성 (※사용자가 임의 지정합니다.) autofocus : 웹 페이지가 로드(load)될 때, 포커스가 되는 속성 onclick : 버튼이 클릭되었을 때 발생되는 이벤트의 속성 [예제] onclick [실행화면] [ 버튼 태그에 자주 사용하는 속성들 ] type의 속성값 → button, submit, reset button : 클릭할 수 있는 버튼 타입. submit : 데이터를 제출, 전송한다는 버튼 ..

728x90
반응형