1、表單定義
表單是一個(gè)包含表單的元素區(qū)域
表單元素是允許用戶在表單中(比如:文本域、下拉列表尤仍、
單選框、復(fù)選框等等)輸入信息的元素狭姨。宰啦、
2鲤嫡、表單屬性
1、action:規(guī)定提交到后臺(tái)的網(wǎng)址 .php
2绑莺、method: 規(guī)定如何提交到后臺(tái)
- get: 會(huì)直接在地址欄顯示提交的表單數(shù)據(jù) 用逗號(hào)隔開 暖眼。需要最佳的傳輸性能 需要立即傳輸一些數(shù)據(jù)的地方
- post:會(huì)隱藏提交的表單數(shù)據(jù) 分段傳輸 解碼之后由服務(wù)器規(guī)定如何傳輸數(shù)據(jù)
對(duì)安全性有要求
3、target:規(guī)定提交的頁(yè)面在何處打開 _self _blank
4纺裁、name 名字
3诫肠、表單控件
<input>標(biāo)簽規(guī)定了用戶可以在其中輸入數(shù)據(jù)的輸入字段。
類型由type屬性來決定:
text 文本框
password 密碼框
radio 單選按鈕
checkbox 復(fù)選框
submit 提交form中的數(shù)據(jù)
reset 重置按鈕
button 按鈕 ,多數(shù)情況下欺缘,通過 JavaScript 啟動(dòng)腳本
file 上傳栋豫,供文件上傳
hidden 隱藏
image 圖片(有提交功能 過時(shí)基本不用)
select/option 下拉選框
size 規(guī)定下拉列表中可見選項(xiàng)的數(shù)目
selected規(guī)定在select里面默認(rèn)展示項(xiàng)
textarea 文本域
resize 調(diào)整尺寸屬性
<fieldset> 可將表單內(nèi)的相關(guān)元素分組
<legend> 標(biāo)簽為 fieldset 元素定義標(biāo)題。
4谚殊、關(guān)于選擇框的選擇文字即可選擇選項(xiàng)的問題 lable屬性
<!-- disabled禁用 checked默認(rèn)選中 -->
性別:
<input type='radio' name='sex' id='man' disabled='disabled' value='' /> <label for='man'>男</label>
<input type='radio' name='sex' id='woman'/> <label for='woman'>女</label>
<input type='radio' name='sex' id='nbs' checked='checked'/> <label for='nbs'>女博士</label>
5丧鸯、關(guān)于input focus問題
input{width:400px;height:50px;background:pink;border:none;
/*外輪廓線*/
outline:none;
}
input:focus{background:#ccc;}//鼠標(biāo)聚焦效果