728x90
<!DOCTYPE html>
<html>
<head>
<title>Input Types Lab</title>
</head>
<body>
<h1>HTML Input Types</h1>
<form>
<input type="text" id="mytext" placeholder="Type some text" /> <br />
<br />
<input type="email" id="myemail" placeholder="Type your email" /> <br />
<br />
<input type="password" id="mypassword" placeholder="Type your password" />
<br />
<br />
<input type="submit" id="mysubmit" value="Submit" />
</form>
</body>
</html>
form 태그를 이용해서 input 태그들을 작성했다.
form 태그는 폼을 만드는 가장 기본적인 태그이다.
input 태그를 이용한 이유는 폼에서 사용자 입력을 받기 위해 사용하는 태그이다.
input 태그에서 가장 중요한 속성은 type과 placeholder이다.
placeholder는 입력란의 임시 텍스트릴 지정하는 속성이다.
br태그를 이용해서 값들을 띄었다.
https://codedamn.com/challenge/30-days-of-html-css
728x90
'30Days of HTML CSS' 카테고리의 다른 글
[30Days of HTML CSS] Day 06 | Text-Overflow Property Lab (0) | 2023.11.22 |
---|---|
[30Days of HTML CSS] Day 05 | Figure Tag Lab (0) | 2023.11.21 |
[30Days of HTML CSS] Day 04 | Position Property Lab (0) | 2023.11.20 |
[30Days of HTML CSS] Day 03 | CSS Shapes Lab (0) | 2023.11.20 |
[30 Days of HTML CSS] Day 01 | Semantic HTML Structure (0) | 2023.11.17 |