INPUT

    [HTML] form

    [HTML] form

    form form 태그는 사용자가 입력한 데이터를 수집하기 위해 사용되며 input, textarea, button, select, checkbox, radio button, submit button 등의 입력 양식 태그를 포함할 수 있다. ... form elements (input, checkbox, radio button, submit button...) ... attribute Value Description action URL 입력 데이터(form data)가 전송될 URL 지정 method get / post 입력 데이터(form data) 전달 방식 지정 GET과 POST는 HTTP 프로토콜을 이용해서 사용자 입력 데이터를 서버에 전달하는 방식을 나타내며 HTTP request method라..

    [HTML] Input 요소

    [HTML] Input 요소

    HTML에서는 다양한 타입의 input 요소를 이용하여 사용자로부터 입력을 받을 수 있다. 대표적인 HTML input 요소는 다음과 같다. 텍스트 입력 비밀번호 입력 라디오 버튼 체크박스(check box) 파일 선택 박스 선택(select) 입력(drop-down 리스트) 문장 입력 버튼(button) 입력 전송 버튼(submit) 필드셋(fieldset) HTML5에서 추가된 다양한 타입의 input 요소 HTML5에서 새롭게 추가된 다양한 타입의 input 요소는 다음과 같다. datalist 요소 keygen 요소 output 요소 datalist 요소 datalist 요소는 input 요소에 대해 미리 정의된 옵션 리스트를 명시해 주는 요소이다. 사용자는 텍스트를 바로 입력해도 되고, 드롭다운..

    [HTML] input 요소의 속성

    input 요소의 속성 input 요소의 여러 속성을 사용하면 사용자가 입력하는 방식을 더욱 다양하게 제어할 수 있다. value 속성 value 속성은 input 요소의 입력 필드(input field)에 나타나는 초깃값을 설정한다. 이름 : 학번 : 학과 : readonly 속성 readonly 속성은 사용자가 입력 필드를 볼 수는 있으나, 수정할 수는 없도록 설정한다. disabled 속성과 다른 점은 전송 버튼(submit)을 누르면 초깃값이 서버로 전송된다는 점이다. 이름 : 학번 : 학과 : disabled 속성 disabled 속성은 사용자가 입력 필드를 아예 사용할 수 없도록 설정한다. disabled 속성이 설정된 입력 필드는 사용할 수도 없고, 클릭할 수도 없다. 또한, readonly..