開発環境
- macOS Sierra - Apple (OS)
- Emacs (Text Editor)
- Safari(Web browser)
Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 14.(HTML Forms: Getting Interactive)、MARKUP MAGNETS(No. 9918) を取り組んでみる。
MARKUP MAGNETS(No. 9918)
Choose your beans:Type:
Whale beans
Ground
Number of bags:
Must arrive by date:
Extras:
Gift wrap
Include catalog with order
Ship to:
Name:
Address:
City:
State:
Zip:
Phone:
Customer Comments:
HTML5
<!doctype html>
<html>
<body>
Choose your beans:
<select>
<option>House Blend</option>
<option>Shade Grown Bolivia Supremo</option>
<option>Organic Guatemala</option>
<option>Kenya</option>
</select>
<br>
Type:
<br>
<input type="radio" name="type" value="Whale beans">Whale beans
<br>
<input type="radio" name="type" value="Ground">Ground
<br>
Number of bags: <input type="number">
<br>
Must arrive by date: <input type="date">
<br>
Extras:
<br>
<input type="checkbox" name="extras">Gift wrap
<br>
<input type="checkbox" name="extras">Include catalog with order
<br>
Ship to:
<br>
Name: <input type="text"><br>
Address: <input type="text"><br>
City: <input type="text"><br>
State: <input type="text"><br>
Zip: <input type="text"><br>
Phone: <input type="tel"><br>
Customer Comments:<br>
<textarea>
</textarea>
<br>
<input type="submit">
</body>
</html>
0 コメント:
コメントを投稿