STUDY/HTML

<input>

aftersep 2022. 5. 28. 23:34

https://jsbin.com/piyibihope/edit?html,output 

 

JS Bin

Sample of the bin:

jsbin.com

html, css, javascript의 output을 미리 볼 수 있는 사이트.

 

 

<input> : 사용자의 데이터를 받을 수 있는 대화형 컨트롤 생성.

input 요소의 동작 방식은 type 특성에 따라 달라진다. 특성을 지정하지 않으면 기본값은 text이다.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <label for="input_name">Name: </label>
  <input id="input_name" type="text">
  
</html>

 

 

input type="color" : color picker 

input type="file" : file picker

input type="password" : password 

 

 

참고용 url:

https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input

 

<input>: 입력 요소 - HTML: Hypertext Markup Language | MDN

HTML <input> 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다.

developer.mozilla.org

 

'STUDY > HTML' 카테고리의 다른 글

<title>, utf-8, <body> , <link>, <a>  (0) 2022.01.28
<li>, <ul>, <ol>  (0) 2022.01.27
HTML에서 가장 많이 쓰이는 tag, <br>, <p>, <img>  (0) 2022.01.27
태그tag, <strong>, <u>, <h1>  (0) 2022.01.27