html_practice/test.html at master · besquevans/html_practice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<h1>asdfasdfasdf</h1>

<p style="color: gray; background-color: red;">
  asdfasdfsadfsafsda
  <span>asdspan</span>sdd<span>fgfdsfgdfsgdfg</span>
</p>

<blockquote>
  <p>fhaisdfuhsaf</p>
  <footer>
    by <cite>Amos</cite>
  </footer>
</blockquote>

<li>yh</li>
<li>hf</li>
<li>ikkk</li>
<li>fhfd</li>
<li>sfdgs</li>

<br>
<br>
<br>
<br>
<br>

<form action="">
  <label for="username">Name</label>
  <input type="text" id="username">

  <br>

  <label for="usertel">Tel</label>
  <input type="tel" id="usertel">

  <br>

  <label for="usertel">Age</label>
  <input type="number" id="usertel">

  <br>

  <label for="usertel">Color</label>
  <input type="color" id="usertel">

  <br>

  <label for="usertel">年收入</label>
  <input type="range" id="usertel">

  <br>

  <label for="usertel">生日</label>
  <input type="date" id="usertel">

  <br>

  <label for="usertel">時間</label>
  <input type="time" id="usertel">

  <br>

  <label for="usertel">上傳大頭照</label>
  <input type="file" id="usertel">

  <br>

  <label for="usertel">搜尋</label>
  <input type="search" id="usertel">

  <br>

  <label for="usertel">性別</label>
  <input type="radio" id="usertel" name="sex">男
  <input type="radio" id="usertel" name="sex">女
  <br>

  <label for="ins">興趣</label>
  <input type="checkbox" id="ins">fishing
  <input type="checkbox" id="ins">swimming
  <input type="checkbox" id="ins">yy
  <input type="checkbox" id="ins">tt
  <input type="checkbox" id="ins">rr

  <!-----for id 讓使用者點label 時可以輸入欄位---->
</form>