웹페이지에서 입력하는 창을 만들어 주려면 input을 사용합니다.
기본적인 형태는
<input type="text" value="초기값" name="이름/>form 은 입력한 값을 서버로 전송해 주는 값 입니다.
회원가입 페이지를 예시로 들어보겠습니다.
<html><head>
<meta charset="UTF-8">
<title>HTML for python flask</title>
</head>
<body>
<h1>회원 가입</h1>
<form>
​<p>아이디 : <input type="text" id="input" placeholder="아이디" required=""></p>
<p>비밀번호 : <input type="password" id="pass" minlength="8" maxlength="12" placeholder="비밀번호"></p>
<p>이메일 : <input type="email" id="em" placeholder="email@naver.com"></p>
<p>전화번호 : <input type="tel" id="tels"></p><br>
<p>연령대 선택 : <br></p>
<input type="radio" id="rd">10대
<input type="radio" id="rd">20대
<input type="radio" id="rd">30대
<input type="radio" id="rd">그 이상
<br><p>첨부 <input type="file" id="files"></p><br>
<p>약관에 동의하시겠습니까? <input type="checkbox" name="ck"> </p>
<br><p>         
<input type="submit" value="제출" onclick="alert('제출 완료!')"></p>
</form>
</body></html>
'프론트엔드 > html' 카테고리의 다른 글
| [html] 웹대시보드 04 - layout 기본 폼 만들기 (0) | 2021.05.27 |
|---|---|
| [html]table 테이블태그 알아보기 (0) | 2021.04.29 |
| [html] image 넣기 사용하기 (0) | 2021.04.29 |
| [html]HTML언어? (0) | 2021.04.29 |