一、表單就是收集使用者的，讓使用者填寫的，選擇的

<div>
<h3>歡迎註冊本網站</h3>
<from>
所有的表單內容都要填寫在from標籤裡面
</from>
</div>

from是英語表單的意思，from裡面有action和method屬性。action表示表單提交到哪裡，method表示用什麼HTTP方法提交，有get，post兩種。

1.1文字框

<input type="text"/>
<input type="text" value="預設的值"/>

1.2密碼框

<input type="password"/>

1.3單選按鈕

如：請選擇你的性別：男    女

只能選一個，術語叫互斥

<input type="radio" name="xin"/>男

<input tyle="radio" name="xin"/>女

單選按鈕，天生是不能互斥的，如果想互斥，必須要有相同的name屬性，預設被選中就應該書寫checked=“checked”

<input type="radio"name="sex"checked="checked"/ >

1.4複選框

<p>
<input type="checkbox"name="hobby"/>打球
<input type="checkbox"name="hobby"/>學習
<input type="checkbox"name="hobby"/>彈吉他
...
</p>
 

複選框最好也有相同的name。

現在只寫4種：

1：<input type="text"/>文字框

2：<input type="password"密碼框

3：<input type="radio"/>單選按鈕

4：<input type="checkbox"/>複選框

1.5下拉列表

select就是選擇，也是組標籤

<select>

<option>北京</option>

<option>上海</option>

<option>河南</option>

<option>河北</option>

...

</select>
 

1.6多行文字框（文字域）

<textarea cols="30" rows="10"></textarea>

這個標籤是標籤對，裡面不用寫東西寫的話，就是預設的文字。

1.7三種按鈕

按鈕也是input標籤

1)普通按鈕：

<input type="button"value="我是一個按鈕"/>

2)提交按鈕：

<input type="submit"/>

submit就是提交的意思，這個按鈕不需要寫value自動就會有“提交”文字。這個按鈕點選，表單真的能提交，這個表單會被提交到

from標籤裡面的action屬性的頁面去。

3） 重置按鈕

<input type="rest"/>

rest就是復位的意思。

1.8 label標籤

本質上講“男”“女”這兩個漢字，和input元素沒有關係

<input type="radio"name="sex"/>男

<input type="radio"name="sex"/>女

label就是解決這個問題

<input type="radio"name="sex" id="nan"/><label for="nan">男</lebel>

<input type="radio"name="sex" id="nv"/><label for="nan">女</lebel>

這樣點選男 女這兩個字是也可以選擇。

input元素要有一個id,然後label標籤有一個for屬性，和id相同就表示綁定了，這個label和input就有繫結關係，什麼表單元素都要label標籤。

二、html雜項

2.1html註釋

<!--註釋-->

Ctrl+/

2.2字元實體

&lt：是<的實體

&gt: 是>的實體

&nbsp：是空格的實體