html知識總結(三)
表單
textarea控制元件,標記<textarea></textarea>
屬性:1name,定義名稱,提交給伺服器使用
2cols,指定文字域的行數,變相指定寬
3rows,指定文字域的行數,變相指定高
4readonly(無屬性值),只讀
選項框
1標記<select></select>,表示下拉列表,或滾動列表
<option></option>,表示列表中的內容,允許出現多個
2屬性<select>
1name:控制元件名稱
2size:預設顯示選項的數量,預設為1,為下拉列表,如果>1,則為滾動列表
3multiple:設定多選,(無屬性值)
<option>屬性
1value:選項的值,提交給伺服器
2selected:預設被選中
5其他標記:
1label元素
作用:關聯文字與表單控制元件
點選文字就如同點選表單控制元件一樣
標記:<label>文字</label>
屬性:for,指定要關聯的表單控制元件的ID值
2為表單控制元件分組
<fieldset>
<legend>分組標題</legend>
分組中的內容
</fieldset>
3浮動框架
1作用
將其他頁面匯入到當前頁面中來,
標記:<iframe></iframe>
屬性:1src,要引入頁面的url
2frameborder,指定浮動框架的邊框,預設為1,則顯示邊框,不需要邊框,設定為0
3width
4height
新input元素(html5)
1電子郵件型別
作用提交會驗證資料是否符合email規範
標記:<input type=”email”>
2搜尋型別
在文字框的基礎上,提供了快速清除
標記<input type=”search”>
3url型別,作用提交時會驗證資料是否符合web站點的url規範
標記:<input type=”url”>
4電話號碼型別
作用在移動端裝置中能展開撥號鍵盤,pc端無效
標記:<input type=”tel”>
5數字型別
只能讓使用者輸入或選擇數字
標記:<input type=”number”>
屬性:1min,當前控制元件接受的最小值
2max:當前控制元件接受的最大值
3step:微調數字,每次變化的長度,預設為1
6範圍型別
作用:提供一個滑塊,讓使用者選擇數字
標記:<input type=”range”>
屬性:1min,2max,3value:初始值
7顏色型別:作用提供一個顏色拾取控制元件
<input type=”color”>
8日期型別
提供一個日期輸入控制元件
<input type=”date”>
9周型別
提供一個日期控制元件,用於選取周
<input type=”week”>
10月份型別
提供一個日期控制元件,用於選取月份
<input type=”month”>