【8日目】「詳細HTML」フォーム部品編、はじまる
さて、今日からのドットインストールは、「詳細HTMLフォーム部品編」です。
今日はさまざまな入力フォームを作成しました。
毎日、新しいことができるようになるドットインストール、スゴイ!
#1-#3まで
- 一行テキスト
- パスワード入力
- 複数行テキスト
- 一行テキストに名前ラベルをつける
- ドロップダウンリストをつくる
<!DOCTYPE html>
<html lang="ja">
<head>
<meta name="disciption" content="ドットインストール">
<title>ドットインストール</title>
</head>
<body>
<input type="text" placeholder="otokatsu">
<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>