HTML and CSS - HTML Forms: Getting Interactive(input element,placeholders, required attribute)

Head First HTML and CSS
(O'Reilly Media)
Elisabeth Robson (著), Eric Freeman (著)

開発環境

• OS X Yosemite - Apple (OS)
• Safari, Firefox + Firebug, Google Chrome(Webプラウザ、プラグイン)
• BBEdit - Bare Bones Software, Inc. (GUI) , Emacs (CUI) (Text Editor)
• HTML (マークアップ言語)
• Cascading Style Sheets(CSS) (スタイルシート)

Head First HTML and CSS (Elisabeth Robson (著)、 Eric Freeman (著)、O'Reilly Media)のChapter 14(HTML Forms: Getting Interactive)、BRAIN POWER(No. 10307)を解いてみる。

BRAIN POWER(No. 10307)

HTML (BBEdit, Emacs)

<form action="" method="">
  <p>
    Ship to:<br>
    Name: <input type="text" name="name" placeholder="your name" required>
    <br>
    Address: <input type="text" name="address" placeholder="1-2"
                    required><br>
    City: <input type="text" name="city" placeholder="Shinjuku" required>
    <br>
    State: <input type="text" name="state" placeholder="Tokyo" required><br>
    Zip: <input type="text" name="zip" placeholder="xxx-xxxx" required><br>
    Phone:
    <input type="tel" name="tel" placeholder="090 or 080 or 03-xxxx-xxxx"
           required><br>
    <input type="submit" value="Order Now">
  </p>
</form>

Ship to:
Name:
Address:
City:
State:
Zip:
Phone: