HTML 문서구조 #3 구조를 설정을 위한 요소 학습하기

728x90

form 요소

- HTML의 서식을 정의하는 요소

action : 서식에서 전송 단추를 눌렀을 때 내용이 전송되는 서버 파일의 URL

method : 폼이 전송되는 방식을 결정, GET과 POST 중 선택

 <form>
   <p><label>고객 이름: <input></label></p>
 </form>

label 요소

- 서식 입력 요소의 캡션. label로 하나로 묶어줄 수 있음

<label for="name">이름 :</label><input id="name" type="text">

이름 :

input 요소

- name 속성 : 서식 값의 이름,

- required 속성 : 반드시 입력되어야 함을 의미한다.

- placeholder 속성 : 입력 폼에 짧은 힌트를 의미한다.

- progress, meter 요소 : 작업의 진척도를 표시하기 위하여 사용, 아래와 같이 표현

50%

- maxlength 속성 : 입력되는 값의 최대 길이 설정

<form>
<p>text : <input type="text" name="name"></p>
<p>password : <input type="password" name="pw"></p>
</form>

fieldset 요소

- 폼 요소들을 공통된 이름으로 그룹화 할 때 사용

<fieldset>
<legend>필수 입력</legend>
<p>text : <input type="text" name="name"></p>
<p>password : <input type="password" name="pw"></p>
</fieldset>

필수 입력

text :

password :

radio 요소

- 나열된 여러 보기 중 하나만 선택하게 할 때 사용 <input type="radio">

select 요소

- 메뉴로 선택할 내용을 제시. 자식 요소로 option을 가짐

- value : 메뉴가 선택되었을 때 서버로 전달되는 내용

textarea 요소

- 여러 줄의 평범한 텍스트를 편집할 수 있는 요소

row : 몇 개의 줄로 보여질지

cols : 한 줄당 입력할 수 있는 글자 수

<textarea id="comment" cols="50" rows="5"</textarea>

<hr>

button 요소

- 단추를 만드는 요소

- submit, reset

728x90

MONTEK$$