728x90
๐์ฐธ๊ณ . HTML ํ๊ทธ์ ์ค๋ช
1.1 ํผ ์ฝ์
<form>
์์ฑ๋ค
method
: ์ฌ์ฉ์์ ์ ๋ ฅ ๋ด์ฉ์ URL์ ํฌํจํ์ฌ ์๋ฒ๋ก ์ ์กํ๋ get๊ณผ ๋ฐ์ดํฐ๋ฅผ ์์ฒญ ๋ณธ๋ฌธ์ ํฌํจํ์ฌ ์ ์กํด URL์ ๋ฐ์ดํฐ๊ฐ ๋ ธ์ถ๋์ง ์๋ postname
: ํผ์ ์ด๋ฆaction
: ํผ ํ๊ทธ ์์ ๋ด์ฉ์ ์ฒ๋ฆฌํด ์ค ์๋ฒ ํ๋ก๊ทธ๋จtarget
:action
์์ฑ์์ ์ง์ ํ ์คํฌ๋ฆฝํธ ํ์ผ์ ๋ค๋ฅธ ์ฐฝ์์ ์ด๋๋กautocomplete
: ์๋ ์์ฑ ๊ธฐ๋ฅ (๊ธฐ๋ณธ๊ฐ on)
<form [์์ฑ="์์ฑ๊ฐ"]> </form>
<fieldset>
<legend>
: ํ๋์ ํผ ์์์ ์ฌ๋ฌ ๊ตฌ์ญ์ ๋๋์ด ํ์ํ ๋<labe>
: ํผ ์์์ ๋ ์ด๋ธ ํ ์คํธ๊ฐ ์๋ก ์ฐ๊ฒฐ๋์๋ค๋ ๊ฒ์ ์น ๋ธ๋ผ์ฐ์ ๊ฐ ์ ์ ์์
<label for="user-id">์์ด๋ค</label><input type="text" id="user-id">
1.2 input ํ๊ทธ
<input>
ํ๊ทธ์ type ์์ฑ
text
-value
maxlength
size
password
-value
maxlength
size
search
url
email
tel
checkbox
-value
checked
radio
-value
checked
name
number
-min
max
step
value
range
-min
max
step
value
date
month
week
time
datetime
datetime-local
submit
-value
reset
-value
image
-src
alt
button
-value
onclick
file
hidden
: ์ฌ์ฉ์์๊ฒ ๋ณด์ด์ง ์์ง๋ง ์๋ฒ๋ก ๋๊ฒจ์ฃผ๋ ๊ฐ์ด ์๋ ํ๋
<input>
์ ๋ค๋ฅธ ์ฃผ์ ์์ฑ
autofocus
placeholder
readonly
required
1.3 ์ด์ธ์ ์ฃผ์ ํ๊ทธ๋ค
<textarea>
-rows
cols
<select>
-size
multiple
<option>
-value
selected
<datalist>
<option>
-value
<button>
-type="submit"
type="reset"
type="button"
728x90
'WebUI > HTML5' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[HTML5 ๊ธฐ์ด] HTML ํ๊ทธ ๋ชจ์ I (1) | 2023.07.06 |
---|---|
[HTML5 ๊ธฐ์ด] ์๋ฉํฑ ํ๊ทธ (sementic tag) (0) | 2023.07.06 |