【毎朝30分】コーディング初心者の50代後半のオヤジが仕事をゲットするまでのブログ

コーディングの知識がほとんどないオヤジが独学で仕事をゲットするまでの日記です

「詳細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>