Client 32

[HTML] Form(ํผ) ํƒœ๊ทธ์™€ Input ํƒœ๊ทธ ์‚ฌ์šฉ๋ฒ•

ํƒœ๊ทธ ํƒœ๊ทธ๋Š” ์‚ฌ์šฉ์ž์˜ ์ž…๋ ฅ์„ ๋ฐ›๊ธฐ ์œ„ํ•œ HTML form์„ ๋งŒ๋“ค ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. HTML form์€ , , , , , , , , ๊ณผ ๊ฐ™์€ form elements๋ฅผ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. ํƒœ๊ทธ form ์š”์†Œ ์ค‘ ํ•˜๋‚˜์ธ ํƒœ๊ทธ๋Š” ์‹ค์ œ๋กœ ์‚ฌ์šฉ์ž๊ฐ€ ์–‘์‹์„ ์ž…๋ ฅํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค. type ์†์„ฑ์œผ๋กœ ์ž…๋ ฅ๋ฐ›์„ ๊ฐ’์˜ ์ข…๋ฅ˜๋ฅผ ์ •ํ•˜๊ณ , name์œผ๋กœ ๋ฐ์ดํ„ฐ์˜ ์ด๋ฆ„, value๋กœ ๊ธฐ๋ณธ ๊ฐ’ ์„ค์ •์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. type์˜ ๋Œ€ํ‘œ์ ์ธ ์†์„ฑ ๊ฐ’๋“ค์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. text // ์ผ๋ฐ˜ ๋ฌธ์ž password // ๋น„๋ฐ€๋ฒˆํ˜ธ button // ๋ฒ„ํŠผ submit // ์–‘์‹ ์ œ์ถœ์šฉ ๋ฒ„ํŠผ reset // ์–‘์‹ ์ดˆ๊ธฐํ™”์šฉ ๋ฒ„ํŠผ radio ์„ ํƒ1์„ ํƒ2 // ํ•œ ๊ฐœ๋งŒ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ์ปดํฌ๋„ŒํŠธ checkbox ์„ ํƒ1์„ ํƒ2 // ๋‹ค์ˆ˜๋ฅผ ์„ ํƒํ•  ์ˆ˜ ..

Client/HTML 2020.06.08

[HTML] Table(ํ…Œ์ด๋ธ”) ํƒœ๊ทธ ์‚ฌ์šฉ๋ฒ•๊ณผ ์˜ˆ์ œ

HTML Table ํƒœ๊ทธ HTML์˜ ํƒœ๊ทธ๋Š” ํ‘œ๋ฅผ ๋งŒ๋“ค์–ด ์ฃผ๋Š” ํƒœ๊ทธ์ž…๋‹ˆ๋‹ค. ํƒœ๊ทธ์™€ ๊ด€๋ จ๋œ ๊ธฐ๋ณธ์ ์ธ ํƒœ๊ทธ๋“ค์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. // ํ…Œ์ด๋ธ”์„ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ // ํ…Œ์ด๋ธ”์˜ ํ—ค๋”๋ฅผ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ; ๊ฐ€์šด๋ฐ ์ •๋ ฌ์— ๊ตต์€ ๊ธ€์”จ๊ฐ€ default ๊ฐ’์ž„ // ํ…Œ์ด๋ธ”์˜ ํ–‰์„ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ // ํ…Œ์ด๋ธ”์˜ ์—ด์„ ๋งŒ๋“œ๋Š” ํƒœ๊ทธ// ์•ˆ์— ํฌํ•จ๋˜์–ด ๊ฐ๊ฐ์˜ table data๋ฅผ ๋‹ด๊ณ  ์žˆ์Œ ์˜ˆ์ œ 1: ๊ฐ„๋‹จํ•œ ํ…Œ์ด๋ธ” ๋งŒ๋“ค๊ธฐ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 header1 header2 row1 - data1 row1 - data2 row2 - data1 row2 - data2 cs Table ํƒœ๊ทธ ๊ด€๋ จ ์†์„ฑ๋“ค border // ํ…Œ์ด๋ธ”์˜ ํ…Œ๋‘๋ฆฌ ์„ค์ • width / height // ํ…Œ์ด๋ธ”์˜ ๊ฐ€๋กœ / ์„ธ๋กœ ํฌ๊ธฐ ์„ค์ • ali..

Client/HTML 2020.06.08