TOP

コーディング

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

NoImage

さて、今日からのドットインストールは、「詳細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>
<< >>