2017年7月1日土曜日

開発環境

Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 14.(HTML Forms: Getting Interactive)、EXERCISE(No. 10079) を取り組んでみる。

EXERCISE(No. 10079)

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" checked>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 コメント:

コメントを投稿

Comments on Google+: