출처는 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>
>> 결과
<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스쿨
'[1일1코딩]' 카테고리의 다른 글
| HTML input 요소의 속성 - 출처 티씨피스쿨 (0) | 2019.07.08 |
|---|---|
| 코딩독학 HTML form 요소 3 feat. tcpschool (0) | 2019.07.05 |
| 코딩독학 HTML form 요소 1 feat. tcpschool (0) | 2018.05.14 |
| 코딩독학 HTML 레이아웃 요소 feat. tcpschool (2) | 2018.05.11 |
| 코딩독학 HTML iframe 요소 feat. tcpschool (2) | 2018.05.10 |
