<!Doctype html>
<html>
<head>
<title> 6장 form input </title>
<style>
form.form-example {
display: table;
}
div.form-example {
display: table-row;
}
label, input {
display: table-cell;
margin-bottom: 10px;
}
label {
padding-right: 10px;
}
</style>
</head>
<body>
<form action="" method="get" class="form-example">
<div class="form-example">
<label for="name">Enter your name: </label>
<input type="text" name="name" id="name" required>
</div>
<div class="form-example">
<label for="email">Enter your email: </label>
<input type="email" name="email" id="email" required>
</div>
<div class="form-example">
<input type="submit" value="Subscribe!">
</div>
</form>
</body>
</html>
세상을 링크하라!!! 모든 링크를 한 자리에...
링크닷컴: https://linkdotcom.mycafe24.com/
유용한 링크, 링크닷컴 #무료 #링크사이트 #링크사이트
컴퓨터 및 일반 유용한 링크들을 모아 놓았습니다. 지금 바로 확인하세요!
linkdotcom.mycafe24.com
'웹프로그래밍 > HTML5' 카테고리의 다른 글
| [HTML5] font-variant (0) | 2024.06.09 |
|---|---|
| [HTML5] 의사클래스 (0) | 2024.06.09 |
| [HTML5] video (0) | 2024.06.09 |
| [HTML5] audio (0) | 2024.06.08 |
| [HTML5] table / colgroup (0) | 2024.06.08 |