본문 바로가기
HTML

Form 태그 / input 버튼

by CodeMia 2021. 6. 20.

기본 형태

<form>

     <label> Name: </label>

     <input type="text"> 

기본 input 1

결과물

<body>

<h1>My Contact Detail</h1>

<p>My Fictional Address</p>

<p>001-365-0000</p>

<p>myemail@gmail.com</p>

 

<form action="mailto:mymail@gmail.com">

<-summit 눌렀을 때 해당 이메일로 내용 보내짐. index.html로 되어 있으면 메인페이지로 감. 

<label>your Name: </label>

<input type="text"> <br>

 

<label for="">passward:</label>

<input type="password"> <br>

<br>

 

<label>Do you want to sign up to the email list?</label>

<input type="checkbox"> <br>

<br>

 

<label>Your favorite color:</label>

<input type="color"><br>

<br>

 

<input type="submit">

</form>

</body>

 

 

기본 input 2

 

<form>

<input type="file"> <br>

<br>

<input type="date"> <br>

<br>

<input type="radio"> <br>

<br>

<input type="range"> <br>

<br>

</form>

 

 

 

<form> attribute 알아보기 

action은 summit 눌렀을 때 어디로 가는지 지정해준다.

<form action="mailto:mymail@gmail.com">

summit 눌렀을 때 해당 이메일로 내용 보내진다

action="index.html"로 되어 있으면 메인페이지로 간다.

 

고객이 입력한 내용을 내 메일로 받아볼 수 있다.

 

'HTML' 카테고리의 다른 글

[HTML] dl, dt, dd | 사전  (0) 2022.03.14
html] div 태그  (0) 2021.07.19
table 태그  (0) 2021.06.20
HTML 기초  (0) 2021.06.18

댓글