HTML_button 태그

버튼 태그

버튼을 생성하는 요소
<button> 버튼명 </button> 

input tpye ="button"과 동일하다.

 

type 속성

input 태그의 버튼 형식으로 발현되는것

버튼 태그이지만, input type 속성으로 발현 될 수 있으므로 같이 설명하겠다.

●button

이것만 실행시 아무 의미 없다. CSS나 JavaScript 로 꾸미기 가능하다.

●reset

입력값들을 지운다.

●submit

데이터를 전송한다.

 

 

결과물

선택상자
●여러개의 옵션이 드롭다운 리스트로 되어 있으며 그 중에서 단하나의 옵션만을 선택

문법

<select></select>

<select name="job">

                <option value="프로그래머">프로그래머</option>

                <option value="공무원">공무원</option>

                <option value="전문직">전문직</option>

                <option value="학생">학생</option>

                <option value="취준생">취준생</option>

            </select>

value가 서버로 전달됨

 

 

결과물

 

여러줄 글상자
●여러줄의 텍스트를 입력받는 글상자

<textarea cols ="가로글자수" rows ="세로줄수"> value </textarea>  : value의 위치가 특이하다.

 

<p>자기소개</p>

<p>

<textarea name="content" cols="50" rows="5"></textarea></p>

 

결과물