3. HTML Forms

-input type의 종류 

 

<input type="text">	한줄짜리 text input
<input type="radio">	여러개의 선택지 중 하나를 선택할 수 있는 버튼
<input type="checkbox">	여러개의 선택지 중 multiple 선택 가능한 버튼 또는 zero
<input type="submit">	form을 제출할때 사용하는 버튼을 보여줌
<input type="button">	선택할 수 있는 버튼을 보여줌

 

---

 

-<form> Elements

 

• <input>
• <label>  : <label>의 for 특성은 <input>의 id와 동일해야함!

 

• <textarea> : multi-line input field! 

• <button> : 버튼을 클릭하면 팝업창에 메세지를 띄움

코드확인!

 

 

• <fileldset> and <legend> : form을 묶어줌 . <legend> tag는 <fieldset> element의 caption !

 

---

-HTML Input Types : 다양한 input type이 존재

 

• <input type="button">
• <input type="checkbox">
• <input type="color">
• <input type="date">
• <input type="datetime-local">
• <input type="email">
• <input type="file">
• <input type="hidden">
• <input type="image">
• <input type="month">
• <input type="number">
• <input type="password">
• <input type="radio">
• <input type="range">
• <input type="reset">
• <input type="search">
• <input type="submit">
• <input type="tel">
• <input type="text">
• <input type="time">
• <input type="url">
• <input type="week">

 

---

 

 

-HTML Input Attributes : readonly, disabled, size, maxlength, min & max 설정, multiple, pattern, placehold, required, step, autofocus, height & width, autocomplete