|
1.<iframe></iframe>標簽 iframe(inner frame)為內(nèi)聯(lián)框架，iframe元素是可以創(chuàng)建包含另外一個文檔的行內(nèi)框架，是body 的子集 常用屬性：
iframe語法示例 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iframe框架測試</title>
</head>
<body>
<iframe src="" name="topframe" frameborder="0" width="100%" height="300px" >需要的文本</iframe>
<a target="topframe">百度</a>
<a target="topframe">新浪</a>
</body>
</html>
<!-- ######################################################################################################## --> <body> 2.<form></form>標簽 form標簽用于創(chuàng)建HTML表單，表單一般應該包含用戶填寫信息的輸入框和提交信息的按鈕，即控件 常用屬性： name，表單提交時的名稱 action，提交表單的目標地址URL method，表單提交方式，規(guī)定用于發(fā)送form-data的HTTP方法，參數(shù)值包括 get 和 post，默認未get get和post的區(qū)別： get提交的數(shù)據(jù)URL中可以看到，post看不到 get一般用于提交少量數(shù)據(jù)，post用來提交大量數(shù)據(jù) get最多提交1K數(shù)據(jù)，post理論上沒有限制 get提交的數(shù)據(jù)在瀏覽器歷史記錄中，安全性不好，但速度相對較快 enctype，規(guī)定發(fā)送表單數(shù)據(jù)到服務器之前如何對其進行編碼， 屬性值包含"multipart/form-data"（不對字符編碼）、“application/x-www-form-urlencoded”（對所有字符編碼）、text/plain（空格轉換為“+”但不對特殊字符編碼） 3.form表單常用元素input input為單標簽，<input type="" name="" value=""/>，常用屬性： type（默認為text） text，定義單行文本輸入字段，默認寬度為20個字符 password，定義密碼字段，該字段中的字符被掩碼 button，定義可點擊的按鈕，多數(shù)情況下用于啟動JavaScript腳本 checkbox，定義復選框 radio，定義單選按鈕，必須通過相同的name屬性值來達到單選的控制效果 submit，定義提交按鈕，提交按鈕會把表單數(shù)據(jù)發(fā)送到服務器 reset，定義重置按鈕，重置按鈕會清除表單中所有數(shù)據(jù) image，定義圖像形式的提交按鈕 hidden，定義隱藏的輸入字段 file，定義輸入字段和“瀏覽”按鈕，供文件上傳 ★★type值為file時的input要注意以下幾點： form表單的method值要為post form屬性必須設置enctype="multipart/form-data"，不對字符編碼，這個屬性說明文件以二進制方式傳輸，因為計算機最底層是以二進制顯示和傳輸 enctype默認屬性值為“application/x-www-form-urlencoded”，在表單數(shù)據(jù)發(fā)送前對所有字符編碼 語法示例： <form action="" name="" method="post" enctype="multipart/form-data">
<input type="file" name="bigfile">
</form>
name，input元素的名稱 value，規(guī)定input元素的值 width / height，設置input字段寬度/高度，適用于“type=image” checked，規(guī)定次input元素在首次加載時默認選中 readonly，規(guī)定input字段為只讀項 required，規(guī)定input字段為必填項 4.<select></select>標簽，創(chuàng)建下拉框 語法示例 <select name="">
<option value="">顯示文本</option>
<option value="">顯示文本</option>
<option value="">顯示文本</option>
</select>
<select>常用屬性： name，規(guī)定下拉列表的名稱 size，規(guī)定下拉列表中每屏可見選項的數(shù)目 mutiple，規(guī)定可選多個選項 disabled，規(guī)定禁用該下拉列表 required，規(guī)定字段為必填項 <option>常用屬性： value，定義<option>選項的值，與顯示文本不同，value值是真正發(fā)送至服務器的內(nèi)容 select，規(guī)定首次進入頁面時，默認選中該項option <optgroup>可以作為<option>的父級元素配合使用，label是optgroup的必須屬性，用于描述選項組或命名 5.<textarea></textarea>多行文本框標簽 常用屬性： name，定義文本區(qū)的名稱 cols，定義文本區(qū)內(nèi)的可見寬度 rows，定義文本區(qū)內(nèi)的可見行數(shù) wrap，定義在表單提交時，文本區(qū)域中的文本如何換行 有hard和soft兩個屬性值， wrap=“hard”，提交表單時，textarea中的文本換行（包含換行符），此時必須規(guī)定“cols”屬性值 wrap=“soft”，提交表單時，textarea中的文本不換行，wrap的默認值為soft 6.<label></label>標簽為input元素定義標注 <label>是input的描述，本身不具有特定效果，但和<input>標簽配合使用可以提升用戶體驗，用戶不用必須點擊到按鈕，而是點擊文字也可以選中，如記住密碼復選框、性別單選按鈕等 使用方法由兩種：一種是<label>標簽直接包裹<input>標簽，另一種是通過<label>的for屬性指向按鈕的id進行綁定（for和id的屬性值必須相同） 語法示例： <form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male"/>
<label for="female">Female</label>
<input type="radio" name="sex" id="female"/>
</form>
或者 <br/>
<form>
<label><input type="radio" name="sex">Male</label>
<label><input type="radio" name="sex">Female</label>
</form>
7.<fieldset></fieldset>標簽可將表單內(nèi)的相關元素分組，是塊級元素 通常和<legend>標簽一起使用，legend用于定義fieldset的提示信息 語法示例： <fieldset>
<legend>健康信息</legend>
身高：<input type="text"><br>
體重：<input type="text">
</fieldset>
|
|
|
