390강 중 40강을 끝냈다.
실습으로 진행된 내가 작성한 html 코드 아주 그냥 초보자 수준이다.
sublime text라는 툴을 처음 써보는데 편하다. 개발자들 개발 편하게 하라고 쓰는 건지.. 암튼 자동완성도 잘 되고 좀 짱인듯 하다. 아직 헷갈리는 부분이 많지만 계속 하다 보니 좀 알것 같기도 하다.
솔루션으로 제공해준 코드를 보면 쪼렙이지만... 더 공부하다 보면 뭔가 나아지겠지.. 않을까 생각된다.
<!DOCTYPE html>
<html>
<head>
<title>Register</title>
</head>
<body>
<h1>Register</h1>
<form>
<div>
<label for="First">First Name: </label>
<input name="First" id="First" type="text" placeholder="John" required>
<label>Last Name: </label>
<input name="Last" id="Last" type="text" placeholder="Smith" required>
</div>
<div>
<label for="Male">Male</label>
<input id="Male" name="gender" type="Radio" value="Male">
<label for="Female">Female</label>
<input id="Female" name="gender" type="Radio" value="Female">
<label for="Other">Other</label>
<input id="Other" name="gender" type="Radio" value="Other">
</div>
<div>
<label for="Email">Email: </label>
<input id="Email" name="email" type="email" placeholder="your email" required>
<label for="Password">Password: </label>
<input id="password" name="password" type="password" pattern=".{5,10}" required title="Password must be 5 to 10 charaters">
</div>
<div>
<label> Birthday:
<select name="Month">
<option>Month</option>
<option>Jan</option>
<option>Feb</option>
<option>Mar</option>
</select>
<select name="Day">
<option>day</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select name="Year">
<option>Year</option>
<option>1986</option>
<option>1987</option>
<option>1988</option>
</select>
</label>
</div>
<div>
<label for="agreed">I agree to the terms and conditions:</label>
<input id="agreed" name="agreed" type="checkbox">
</div>
<div>
<input type="submit" name="submit">
</div>
</form>
</body>
</html>
|
댓글 없음:
댓글 쓰기