【毎朝1時間】プログラミング初心者のオヤジが、Web制作とセールスライティングを学んで、案件をゲットするまでのブログ

コーディングの知識がほとんどないオヤジが独学で仕事をゲットするまでの日記です。目標は、売れるLPを企画からデザイン、コーディングまでできるオヤジです。

【8日目】「詳細HTML」フォーム部品編、はじまる

さて、今日からのドットインストールは、「詳細HTMLフォーム部品編」です。

今日はさまざまな入力フォームを作成しました。

毎日、新しいことができるようになるドットインストール、スゴイ!

 

#1-#3まで

  • 一行テキスト
  • パスワード入力
  • 複数行テキスト
  • 一行テキストに名前ラベルをつける
  • ドロップダウンリストをつくる

 

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <meta name="disciption" content="ドットインストール">
    <title>ドットインストール</title>

  </head>
  <body>
    <input type="text" placeholder="otokatsu">
    <input type="text" value="hello">
    <br>
    <input type="password">
    <br>
    <textarea></textarea>
    <textarea>hello</textarea>
    <br><br>
    <!-- <label for="name">名前</label>
    <input type="text" id="name"> -->
    <label>名前<input type="text"></label>
    <br><br>
    <label for="color">好きな色</label>
    <!-- <select id="color" size="4" multiple> -->
    <select id="color">
      <option>色1</option>
      <option>色2</option>
      <option>色3</option>
      <option selected>色4</option>
      <option>色5</option>
      <option>色6</option>
    </select>

  </body>
</html>