get輸入的所有會(huì)在地址欄全顯示 不安全
post不顯示在地址欄 安全
action發(fā)送到的位置
<form method="get/post" action="result.html">
</form>
<input type="text" name="fname" value="text"/>
單選按鈕 type="radio"? name要相同 因?yàn)槭且唤M單選框
<input name="gen" type="radio" class="input" value="男" checked/>男
<input name="gen" type="radio" value="女" class="input"/>女
復(fù)選框 type="checkbox"? name要相同 因?yàn)槭且唤M復(fù)選框?
<input type="checkbox" name="interest" value="play" checked/>玩游戲
<input type="checkbox" name="interest" value="swim" />游泳
<input type="checkbox" name="interest" value="run" />跑步
<select name="month" id="sId" size="1">
? ? ? ? <option value="" selected>[選擇月份]</option>
????????<option value="1">一月</option>
????????<option value="2">二月</option>
????????<option value="3">三月</option>
</select>
<input type="reset" name="butReset" value="重置按鈕"/>
<input type="submit" name="butSubmit" value="提交按鈕"/>
<input type="button" name="butButton" value="普通按鈕" onclick="alert(this.value)"/>
<input type="image" src="images/Penguins.jpg" width="100px" height="100px"/>圖片按鈕
文本域
cols是行橫著的
rows是列豎著的
<textarea name="showText" cols="40" rows="6">
????自信扳碍、活潑、善于思考.....
</textarea>
文件域
<p>
????<input type="file" name="files"/>
????<input type="submit" name="upload" value="上傳"/>
</p>
郵箱
<p>郵箱:<input type="email" name="email"></p>
<input type="submit" value="提交">
網(wǎng)址（會(huì)自動(dòng)驗(yàn)證URL地址格式是否正確）
<p>請輸入你的網(wǎng)址:<input type="url" name="userUrl"></p>
<input type="submit">
數(shù)字 自身具有驗(yàn)證功能
分別代表 最小值=0 最大值=100 step間隔是10?
<p>請輸入數(shù)字:<input type="number" name="num" min="0" max="100" step="10"></p>
<input type="submit">
滑塊
<p><input type="range" name="range1" min="0" max="10" step="1" value="4"/></p>
<input type="submit">
搜索框
請輸入搜索的關(guān)鍵詞:
<input type="search" name="sousuo"/>
<input type="submit" value="Go"/>
常見的表單元素
input(text,password,radio,checkbox,submit,reset,email,url,number,range,search),select,textare
