๋ฐ์ํ
- select
<select>๋ ์ ํ ๋ชฉ๋ก ์์ ๋๋ ์ฝค๋ณด๋ฐ์ค๋ผ๊ณ ๋ ํฉ๋๋ค.
๋ช ๊ฐ์ ์ ํ์ง๋ฅผ ๋ฆฌ์คํธ ํํ๋ก ๋ ธ์ถํ๊ณ ๊ทธ์ค ํ๋๋ฅผ ์ ํํ ์ ์๊ฒ ํ๋ ํ๊ทธ์ ๋๋ค.
(multiple ์์ฑ์ ์ฌ์ฉํ๋ฉด ๋ค์ค ์ ํ๋ ๊ฐ๋ฅํฉ๋๋ค.)
<select>๋ด๋ถ์ <option>์ผ๋ก ๊ฐ ํญ๋ชฉ์ ๋ํ๋ ๋๋ค.
<option>์ ์์ฑ์ผ๋ก๋ selected๊ฐ ์์ผ๋ฉฐ ์ด๋ ์ ํ๋ ํญ๋ชฉ์ ์๋ฏธํฉ๋๋ค.
- textarea ํ ์ค๋ง์ ์ ๋ ฅํ ์ ์๋ <input type="text" >์ ๋ฌ๋ฆฌ ์ฌ๋ฌ ์ค์ ํ ์คํธ๋ฅผ ์ ๋ ฅํ ๋ ์ฌ์ฉํฉ๋๋ค.
<textarea>์๋ ํ ์คํธ ์์์ ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๋ rows, cols ์์ฑ์ด ์์ต๋๋ค.
- cols : ๊ฐ๋ก ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๋ ์์ฑ(ํ ์ค์ ๋ค์ด๊ฐ๋ ๊ธ์์ ์, ์์น์ ์๋ฏธ๋ ํ๊ท ์ ์ธ ๊ธ์์ ๋๋น๋ก ์ ํํ ๊ธ์ ์๋ฅผ ๋ํ๋ด์ง๋ ์์ต๋๋ค.)
- rows : ์ธ๋ก ํฌ๊ธฐ๋ฅผ ์กฐ์ ํ๋ ์์ฑ(ํ๋ฉด์ ๋ณด์ฌ์ง๋ ์ค ์)
- placeholder ๋ ๋ฃ์ ์ ์๋ค.
- button
๋ฐ์ํ
'๐Language > HTML & CSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
HTML5 ์ฝํ ์ธ ๋ชจ๋ธ ๋ถ๋ฅ, ๋ธ๋ก ๋ ๋ฒจ, ์ธ๋ผ์ธ ๋ ๋ฒจ (0) | 2022.04.16 |
---|---|
html ํผ ์์์ ์ข ๋ฅ <label>, <fieldset>, <legend>, <form> ์์ (0) | 2022.04.16 |
input type ์ข ๋ฅ ์์๋ณด๊ธฐ, ์ฌ์ฉ๋ฐฉ๋ฒ (0) | 2022.04.16 |
ํ ์ด๋ธ ๊ตฌ์กฐ, html๋ก ํ ์ด๋ธ ๊ทธ๋ฆฌ๊ธฐ (0) | 2022.04.16 |
HTML์์ ์ด๋ฏธ์ง ๋ถ๋ฌ์ค๊ธฐ, gif jpg png ์ฐจ์ด (0) | 2022.04.16 |