4.From【表單】

<form action="#" method="GET" name="from_name">
    表單
</form>

action：1.要跳轉(zhuǎn)的頁面或網(wǎng)址 2.發(fā)送數(shù)據(jù)的php文件url
method：1.GET    2.post
name  ：1.標識名    2.方便引用  

Input

用戶名：<input type="text" placeholder="文本框">
密  碼：<input type="password" placeholder="密碼框">  

<input type="submit" value="提交按鈕">
<input type="reset" value="重置按鈕">

name = "標識名"
value = "發(fā)送的信息值"
placeholder = "文字提示"            
maxlength = "10"    //輸入字符最大長度
size = "20"     //輸入框長度，默認20

lable【單選框】

性別：
<label for="sex1">
  男<input type="radio" name="sex" value="m" id="sex1" />
</label>

<label for="sex2">
    女<input type="radio" name="sex" value="w" id="sex2" />
</label>

checkbox【復(fù)選框】

興趣愛好： 
  寫代碼<input type="checkbox" name="instr" value="code"/>
  睡覺<input type="checkbox" name="instr" value="sleep" />
  打游戲<input type="checkbox" name="instr" value="game" />
  吃方便面<input type="checkbox" name="instr" value="mian" />

hidden【隱藏字段】

隱藏字段:<input type="hidden" name="標識名" value="需要發(fā)送的信息" />
<!--一般用于發(fā)送附帶信息，開發(fā)者使用-->

file【文件上傳】

文件上傳: <input type="file" name="file" />

image【圖片提交按鈕】

<input type="image" src="../img/head_tel.jpg" alt="圖像替代文本" />

select【下拉菜單】

居住地：
<select name="">
    <optgroup label="浙江">
        <option value="3" label="杭州">杭州</option>
        <option value="5">金華</option>
    </optgroup>
    <optgroup label="北京">
        <option value="1">海淀區(qū)</option>
        <option value="2">朝陽區(qū)</option>
        <option value="4">昌平區(qū)</option>
    </optgroup>
</select>

Button

<button type="submit">提交按鈕</button>
<button type="reset">重置按鈕</button>
<button type="button">按鈕</button>