- <form> ํ๊ทธ
์ ๋ณด๋ฅผ ์ ์ถํ๊ธฐ ์ํ์ฌ ๋ฒ์๋ฅผ ์ง์ ํ๋ ์ญํ ์ ํ๊ทธ
- <fieldset>ํ๊ทธ
์ฌ๋ฌ ์ปจํธ๋กค๊ณผ ๋ผ๋ฒจ์ ๋ฌถ์ ๋ ์ฌ์ฉํ๋ ํ๊ทธ
- <legend>ํ๊ทธ
๋ถ๋ชจ(<fieldset>ํ๊ทธ)์ ์ฝํ
์ธ ๋ฅผ ์ค๋ช
ํ๋ ํ๊ทธ
- <label>ํ๊ทธ
์
๋ ฅ ๋ฐ๋ ํ๋๋ฅผ ์ค๋ช
ํ ๋ ์ฌ์ฉํ๋ ํ๊ทธ
<input>ํ๊ทธ์ id์์ฑ๊ฐ๊ณผ <label>ํ๊ทธ์ for์์ฑ๊ฐ์ด ๋์ผํ๊ฒ ํ์ฌ ์ฐ๊ฒฐ ๊ฐ๋ฅ
- <input>ํ๊ทธ
๋ฐ์ดํฐ๋ฅผ ์
๋ ฅ ๋ฐ์ ์ ์๋ ํ๊ทธ
- <input>ํ๊ทธ์ ์ฃผ์ ์์ฑ
- text
- password
- search
- url
- email
- checkbox
๋ณต์์ ์ ํ์ ํด์ผ ํ ๊ฒฝ์ฐ
- checked : ๋ฏธ๋ฆฌ ์ฒดํฌ ๋์ด์์
- radio
ํ๋๋ง ์ ํ์ ํด์ผ ํ ๊ฒฝ์ฐ
- number
- min : ์ต์๊ฐ
- max : ์ต๋๊ฐ
- range
- date
- submit
- reset
- button
- hidden
- autofocus
- placeholder
- readonly
- required
- checked
- <textarea>ํ๊ทธ
์ฌ๋ฌ ์ค์ ์
๋ ฅํ๋ ํ
์คํธ ์์ญ์ ๋ง๋๋ ํ๊ทธ
- <textarea>ํ๊ทธ์ ์์ฑ
- cols : ๊ฐ๋ก ํฌ๊ธฐ ์ง์
- rows : ์ธ๋ก ํฌ๊ธฐ ์ง์
- <select>, <option>ํ๊ทธ
- <button>ํ๊ทธ
๋ฒํผ์ ๋ง๋ค์ด ์ฃผ๋ ํ๊ทธ
<input type=โbuttonโ>๊ณผ ๊ฐ์ ๊ธฐ๋ฅ์ ํ์ง๋ง, ํ์ ํ๊ทธ๋ฅผ ํฌํจํ ์ ์๋ค.