코딩독학 HTML form 요소 2 feat. tcpschool

출처는 tcpschool.com 입니다.

코딩독학 ~~

오늘은 HTML form 요소 2편 ~~~~~

오늘은 너무 졸리드아아아아아앙

세상 만사가 귀찮다아아아아

그래도쬐끔만 해바야지...................

---

텍스트 입력 받기 : <input> 태그 text 속성

<form action="/examples/media/request.php">

    검색할 내용을 입력하세요 :

    <input type="text" name="search">

</form>

비밀번호 입력 받기 : <input> 태그 password 속성

<h1 style="color:red">비밀번호 입력</h1>

<form style="color:magenta">

사용자 : <br>

<input type="text" name="username"><br>

비밀번호 : <br>

<input type="password" name="password">

</form>

>> 결과

라디오 버튼 : <input> 태그 radio 속성 (한개의 옵션 선택)

모든 input요소의 name 속성이 같아야 함.

<h1>라디오 버튼</h1>

<p>감자튀김을 좋아하시나요?</p>

<form>

<input type="radio" name="potato" value="yes" checked> 예 <br>

<input type="radio" name="potato" value="no"> 아니오 <br>

</form>

>> 결과

체크박스 : <input> 태그 checkbox 속성 (여러개 옵션 선택)

<h1>체크박스</h1>

<p>다음 중 재밌고 내용이 알찬 강좌를 모두 골라주세요.</p>

<form>

<input type="checkbox" name="lecture" value="html" checked> HTML <br>

<input type="checkbox" name="lecture" value="css"> CSS <br>

<input type="checkbox" name="lecture" value="java"> JAVA <br>

<input type="checkbox" name="lecture" value="cpp" disabled> C++

</form>

>> 결과

파일 선택 : <input> 태그 file 속성 (파일 전송받기)

<h1>파일 선택 박스</h1>

<p>여러분이 가장 행복했던 날의 사진을 선택해 주세요.</p>

<form>

<input type="file" name="upload_file" accept="image/*">

</form>

>> 결과

출처 : TCP스쿨