整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
這里是云端源想IT，幫你輕松學(xué)IT”
嗨~ 今天的你過得還好嗎？
世界微塵里
吾寧愛與憎
- 2024.03.18 -
在互聯(lián)網(wǎng)的世界中，表單是用戶與網(wǎng)站進(jìn)行互動(dòng)的重要橋梁。無論是注冊(cè)新賬號(hào)、提交反饋、還是在線購物，表單都扮演著至關(guān)重要的角色。在網(wǎng)頁中，我們需要跟用戶進(jìn)行交互，收集用戶資料，此時(shí)就需要用到表單標(biāo)簽。
HTML提供了一系列的表單標(biāo)簽，使得開發(fā)者能夠輕松地創(chuàng)建出功能豐富的表單。今天我們就來深入探討這些標(biāo)簽，了解它們的作用以及如何使用它們來構(gòu)建一個(gè)有效的用戶界面。
在HTML中，一個(gè)完整的表單通常由表單域、表單控件（表單元素）和提示信息三個(gè)部分構(gòu)成。
表單域
表單控件
這些是用戶與表單交云的各種元素，如<input>（用于創(chuàng)建不同類型的輸入字段）、<textarea>（用于多行文本輸入）、<button>（用于提交表單或執(zhí)行其他操作）、<select>和<option>（用于創(chuàng)建下拉列表）等。
提示信息
這些信息通常通過<label>標(biāo)簽提供，它為表單控件提供了描述性文本，有助于提高可訪問性。<label>標(biāo)簽通常與<input>標(biāo)簽一起使用，并且可以通過for屬性與<input>標(biāo)簽的id屬性關(guān)聯(lián)起來。
這三個(gè)部分共同構(gòu)成了一個(gè)完整的HTML表單，使得用戶可以輸入數(shù)據(jù)，并通過點(diǎn)擊提交按鈕將這些數(shù)據(jù)發(fā)送到Web服務(wù)器進(jìn)行處理。
在表單域中可以定義各種表單元素，這些表單元素就是允許用戶在表單中輸入或者選擇的內(nèi)容控件。下面就來介紹HTML中常用的表單元素。
1、<form>標(biāo)簽：基礎(chǔ)容器
作用：定義一個(gè)表單區(qū)域，用戶可以在其中輸入數(shù)據(jù)進(jìn)行提交。
<form action="submit.php" method="post">其中action屬性指定了數(shù)據(jù)提交到的服務(wù)器端腳本地址，method屬性定義了數(shù)據(jù)提交的方式（通常為GET或POST）。
2、<input>標(biāo)簽：數(shù)據(jù)輸入
<input>標(biāo)簽是一個(gè)單標(biāo)簽，用于收集用戶信息。允許用戶輸入文本、數(shù)字、密碼等。
<input type="text" name="username" placeholder="請(qǐng)輸入用戶名">type屬性決定了輸入類型，name屬性定義了數(shù)據(jù)的鍵名，placeholder屬性提供了輸入框內(nèi)的提示文本。
<input>標(biāo)簽的屬性
下面舉個(gè)例子來說明：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
用戶名：<input type="text" value="請(qǐng)輸入用戶名"><br>
密碼：<input type="password"><br>
性別：男<input type="radio" name="sex" checked="checked"> 女<input type="radio" name="sex"><br>
愛好：吃飯<input type="checkbox"> 睡覺<input type="checkbox"> 打豆豆<input type="checkbox"><br>
<input type="submit" value="免費(fèi)注冊(cè)">
<input type="reset" value="重新填寫">
<input type="button" value="獲取短信驗(yàn)證碼"><br>
上傳頭像：<input type="file">
</form>
</body>
</html>3、<label>標(biāo)簽：關(guān)聯(lián)說明
它與輸入字段如文本框、單選按鈕、復(fù)選框等關(guān)聯(lián)起來，以改善網(wǎng)頁的可用性和可訪問性。<label>標(biāo)簽有兩種常見的用法：
1）包裹方式：
在這種用法中，<label>標(biāo)簽直接包裹住關(guān)聯(lián)的表單元素。例如：
<label>用戶名：<input type="text" name="username"></label>這樣做的好處是用戶點(diǎn)擊標(biāo)簽文本時(shí)，關(guān)聯(lián)的輸入字段會(huì)自動(dòng)獲取焦點(diǎn)，從而提供更好的用戶體驗(yàn)。
2）使用for屬性關(guān)聯(lián)：
在這種用法中，<label>標(biāo)簽通過for屬性與目標(biāo)表單元素建立關(guān)聯(lián)，for屬性的值應(yīng)與目標(biāo)元素的id屬性相匹配。例如：
<label for="username">用戶名：</label><input type="text" id="username" name="username">這樣做的優(yōu)勢是單擊標(biāo)簽時(shí)，相關(guān)的表單元素會(huì)自動(dòng)選中（獲取焦點(diǎn)），從而提高可用性和可訪問性。
4、<select>和<option>標(biāo)簽：下拉選擇
在頁面中，如果有多個(gè)選項(xiàng)讓用戶選擇，并且想要節(jié)約頁面空間時(shí)，我們可以使用標(biāo)簽控件定義下拉列表。
注意點(diǎn)：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
籍貫：
<select>
<option>山東</option>
<option>北京</option>
<option>西安</option>
<option selected="selected">火星</option>
</select>
</form>
</body>
</html>5、<textarea>標(biāo)簽：多行文本輸入
當(dāng)用戶輸入內(nèi)容較多的情況下，我們可以用表單元素標(biāo)簽替代文本框標(biāo)簽。
<textarea name="message" rows="5" cols="30">默認(rèn)文本</textarea>rows和cols屬性分別定義了文本區(qū)域的行數(shù)和列數(shù)。
代碼示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
今日反饋：
<textarea>請(qǐng)?jiān)诖溯斎雰?nèi)容</textarea>
</form>
</body>
</html>6、<button>標(biāo)簽：按鈕控件
創(chuàng)建一個(gè)可點(diǎn)擊的按鈕，通常用于提交或重置表單。它允許用戶放置文本或其他內(nèi)聯(lián)元素（如<i>、<b>、<strong>、<br>、<img>等），這使得它比普通的<input type="button">具有更豐富的內(nèi)容和更強(qiáng)的功能。
<button type="submit">提交</button>type屬性為submit時(shí)表示這是一個(gè)提交按鈕。
7、<fieldset>和<legend>標(biāo)簽：分組和標(biāo)題
通常用于在HTML表單中對(duì)相關(guān)元素進(jìn)行分組，并提供一個(gè)標(biāo)題來描述這個(gè)組的內(nèi)容。
<fieldset>標(biāo)簽：該標(biāo)簽用于在表單中創(chuàng)建一組相關(guān)的表單控件。它可以將表單元素邏輯分組，并且通常在視覺上通過圍繞這些元素繪制一個(gè)邊框來區(qū)分不同的組。這種分組有助于提高表單的可讀性和易用性。
<legend>標(biāo)簽：它總是與<fieldset>標(biāo)簽一起使用。<legend>標(biāo)簽定義了<fieldset>元素的標(biāo)題，這個(gè)標(biāo)題通常會(huì)出現(xiàn)在瀏覽器渲染的字段集的邊框上方。<legend>標(biāo)簽使得用戶更容易理解每個(gè)分組的目的和內(nèi)容。
代碼示例：
<form>
<fieldset>
<legend>個(gè)人信息</legend>
<label for="name">姓名：</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">郵箱：</label>
<input type="email" id="email" name="email"><br><br>
</fieldset>
<fieldset>
<legend>興趣愛好</legend>
<input type="checkbox" id="hobby1" name="hobby1" value="music">
<label for="hobby1">音樂</label><br>
<input type="checkbox" id="hobby2" name="hobby2" value="sports">
<label for="hobby2">運(yùn)動(dòng)</label><br>
<input type="checkbox" id="hobby3" name="hobby3" value="reading">
<label for="hobby3">閱讀</label><br>
</fieldset>
<input type="submit" value="提交">
</form>在這個(gè)示例中，我們使用了兩個(gè)<fieldset>元素來組織表單的不同部分。第一個(gè)<fieldset>包含姓名和郵箱字段，而第二個(gè)<fieldset>包含三個(gè)復(fù)選框，用于選擇用戶的興趣愛好。每個(gè)<fieldset>都有一個(gè)<legend>元素，用于提供標(biāo)題。這樣，用戶在填寫表單時(shí)可以更清晰地了解每個(gè)部分的內(nèi)容。
想要快速入門前端開發(fā)嗎？推薦一個(gè)前端開發(fā)基礎(chǔ)課程，這個(gè)老師講的特別好，零基礎(chǔ)學(xué)習(xí)無壓力，知識(shí)點(diǎn)結(jié)合代碼，邊學(xué)邊練，可以免費(fèi)試看試學(xué)，還有各種輔助工具和資料，非常適合新手！點(diǎn)這里前往學(xué)習(xí)哦！云端源想
8、<datalist>標(biāo)簽：預(yù)定義選項(xiàng)列表
<datalist>標(biāo)簽是HTML5中引入的一個(gè)新元素，它允許開發(fā)者為輸入字段提供預(yù)定義的選項(xiàng)列表。當(dāng)用戶在輸入字段中輸入時(shí)，瀏覽器會(huì)顯示一個(gè)下拉菜單，其中包含與用戶輸入匹配的預(yù)定義選項(xiàng)。
使用<datalist>標(biāo)簽可以提供更好的用戶體驗(yàn)，因?yàn)樗梢詭椭脩暨x擇正確的選項(xiàng)，而不必手動(dòng)輸入整個(gè)選項(xiàng)。此外，<datalist>還可以與<input>元素的list屬性結(jié)合使用，以將預(yù)定義的選項(xiàng)列表與特定的輸入字段關(guān)聯(lián)起來。
下面是一個(gè)使用<datalist>標(biāo)簽的代碼示例：
<form>
<label for="color">選擇你喜歡的顏色：</label>
<input type="text" id="color" name="color" list="colorOptions">
<datalist id="colorOptions">
<option value="紅色">
<option value="藍(lán)色">
<option value="綠色">
<option value="黃色">
<option value="紫色">
</datalist>
<input type="submit" value="提交">
</form>9、<output>標(biāo)簽：計(jì)算結(jié)果輸出
<output>標(biāo)簽是HTML5中引入的一個(gè)新元素，它用于顯示計(jì)算結(jié)果或輸出。該標(biāo)簽通常與JavaScript代碼結(jié)合使用，通過將計(jì)算結(jié)果賦值給<output>元素的value屬性來顯示結(jié)果。
<output>標(biāo)簽可以用于各種類型的計(jì)算和輸出，例如數(shù)學(xué)運(yùn)算、字符串處理、數(shù)組操作等。它可以與<input>元素一起使用，以實(shí)時(shí)更新計(jì)算結(jié)果。
下面是一個(gè)使用<output>標(biāo)簽的示例：
<form>
<label for="num1">數(shù)字1：</label>
<input type="number" id="num1" name="num1" oninput="calculate()"><br><br>
<label for="num2">數(shù)字2：</label>
<input type="number" id="num2" name="num2" oninput="calculate()"><br><br>
<label for="result">結(jié)果：</label>
<output id="result"></output>
</form>
<script>
function calculate() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = num1 + num2;
document.getElementById("result").value = result;
}
</script>10、<progress>標(biāo)簽：任務(wù)進(jìn)度展示
<progress>標(biāo)簽是HTML5中用于表示任務(wù)完成進(jìn)度的一個(gè)新元素。它通過value屬性和max屬性來表示進(jìn)度，其中value表示當(dāng)前完成的值，而max定義任務(wù)的總量或最大值。
示例：
<!DOCTYPE html>
<html>
<head>
<title>Progress Example</title>
</head>
<body>
<h1>File Download</h1>
<progress id="fileDownload" value="0" max="100"></progress>
<br>
<button onclick="startDownload()">Start Download</button>
<script>
function startDownload() {
var progress = document.getElementById("fileDownload");
for (var i = 0; i <= 100; i++) {
setTimeout(function() {
progress.value = i;
}, i * 10);
}
}
</script>
</body>
</html>在上面的示例中，我們創(chuàng)建了一個(gè)名為"fileDownload"的<progress>元素，并設(shè)置了初始值為0，最大值為100。我們還添加了一個(gè)按鈕，當(dāng)用戶點(diǎn)擊該按鈕時(shí)，會(huì)觸發(fā)名為"startDownload"的JavaScript函數(shù)。這個(gè)函數(shù)模擬了一個(gè)文件下載過程，通過循環(huán)逐步增加<progress>元素的value屬性值，從而顯示下載進(jìn)度。
11、<meter>標(biāo)簽：度量衡指示器
<meter>標(biāo)簽在HTML中用于表示度量衡指示器，它定義了一個(gè)已知范圍內(nèi)的標(biāo)量測量值或分?jǐn)?shù)值，通常用于顯示磁盤使用情況、查詢結(jié)果的相關(guān)性等。例如：
<p>CPU 使用率： <meter value="0.6" min="0" max="1"></meter> 60%</p>
<p>內(nèi)存使用率： <meter value="0.4" min="0" max="1"></meter> 40%</p>在這個(gè)示例中，我們使用了兩個(gè)<meter>標(biāo)簽來分別顯示CPU和內(nèi)存的使用率。value屬性表示當(dāng)前的測量值，min和max屬性分別定義了測量范圍的最小值和最大值。通過這些屬性，<meter>標(biāo)簽?zāi)軌蚯逦仫@示出資源的使用情況。
需要注意的是，<meter>標(biāo)簽不應(yīng)該用來表示進(jìn)度條，對(duì)于進(jìn)度條的表示，應(yīng)該使用<progress>標(biāo)簽。
12、<details>和<summary>標(biāo)簽：詳細(xì)信息展示
<details>和<summary>標(biāo)簽是HTML5中新增的兩個(gè)元素，用于創(chuàng)建可折疊的詳細(xì)信息區(qū)域。
<details>標(biāo)簽定義了一個(gè)可以展開或折疊的容器，其中包含一些額外的信息。它通常與<summary>標(biāo)簽一起使用，<summary>標(biāo)簽定義了<details>元素的標(biāo)題，當(dāng)用戶點(diǎn)擊該標(biāo)題時(shí)，<details>元素的內(nèi)容會(huì)展開或折疊。
示例：
<details>
<summary>點(diǎn)擊查看詳細(xì)信息</summary>
<p>這里是一些額外的信息，用戶可以點(diǎn)擊標(biāo)題來展開或折疊這些信息。</p>
</details>在這個(gè)示例中，我們使用了<details>標(biāo)簽來創(chuàng)建一個(gè)可折疊的容器，并在其中添加了一個(gè)<summary>標(biāo)簽作為標(biāo)題。當(dāng)用戶點(diǎn)擊這個(gè)標(biāo)題時(shí)，容器的內(nèi)容會(huì)展開或折疊。
總結(jié)：
HTML表單標(biāo)簽是構(gòu)建動(dòng)態(tài)網(wǎng)頁的基石，它們使得用戶能夠與網(wǎng)站進(jìn)行有效的交互。
通過合理地使用這些標(biāo)簽，開發(fā)者可以創(chuàng)建出既美觀又功能強(qiáng)大的表單，從而提升用戶體驗(yàn)和網(wǎng)站的可用性。所以說，掌握這些標(biāo)簽的使用，對(duì)于前端開發(fā)者來說是至關(guān)重要的。
我們下期再見！
END
文案編輯|云端學(xué)長
文案配圖|云端學(xué)長
內(nèi)容由：云端源想分享
近教學(xué)過程中需要實(shí)現(xiàn)form表單中的input文本框在用戶點(diǎn)擊按鈕時(shí)自動(dòng)生成新的文本框，在完成數(shù)據(jù)填寫之后通過ajax批量將填寫的信息存儲(chǔ)到數(shù)據(jù)庫中。每一行文本框?qū)?yīng)數(shù)據(jù)庫表中的記錄。初始狀態(tài)如下圖：
文本框組合（行）
如上圖，前端用戶需要借助文本框批量提交數(shù)據(jù)，每一行有5個(gè)文本框，對(duì)應(yīng)后臺(tái)表中的一條記錄。用戶可填寫數(shù)據(jù)，完成填寫后點(diǎn)擊添加，頁面自動(dòng)添加新的一行文本框。效果如下：
動(dòng)態(tài)文本框行添加生成效果
上圖給出了點(diǎn)擊添加之后的新效果，整個(gè)文檔HTML代碼描述如下：
表單代碼
代碼描述如上，文本框以label標(biāo)簽為基礎(chǔ)進(jìn)行分組，每5個(gè)為一行，所有的input文本框具有相同的class名稱。
針對(duì)待解決的問題，設(shè)計(jì)采用JavaScript DOM文檔對(duì)象模型提供的方法，將表單看成結(jié)點(diǎn)，調(diào)用附加結(jié)點(diǎn)方法實(shí)現(xiàn)動(dòng)態(tài)結(jié)點(diǎn)的添加。主要涉及使用到的方法函數(shù)如下：
(1) getElementById()方法
獲取元素（結(jié)點(diǎn)）函數(shù)，通過使用HTML標(biāo)記對(duì)應(yīng)的ID標(biāo)簽值獲取該元素，返回元素對(duì)象，可進(jìn)一步執(zhí)行元素的操作。
(2) createElement()方法
創(chuàng)建結(jié)點(diǎn)元素方法，該方法用于實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建新結(jié)點(diǎn)元素，為下一步添加新結(jié)點(diǎn)奠定基礎(chǔ)。
(3) setAttribute()方法
該方法主要用于實(shí)現(xiàn)結(jié)點(diǎn)屬性的設(shè)置，函數(shù)需要提供兩個(gè)參數(shù)，分別為屬性名稱與屬性值。
(4) appendChild()方法
附加結(jié)點(diǎn)方法，該方法主要用于將新創(chuàng)建結(jié)點(diǎn)附加到指定結(jié)點(diǎn)的尾部。
(5) getElementsByClassName()方法
該方法主要用于返回HTML文檔中具有相同Class名字的一組元素的集合，并可通過下標(biāo)訪問其中的每一個(gè)元素。
為將前端表單文本框組合與數(shù)據(jù)表中行對(duì)應(yīng)，涉及采用插入數(shù)據(jù)類insetv實(shí)現(xiàn)對(duì)每一行文本框數(shù)據(jù)進(jìn)行存儲(chǔ)。該類設(shè)計(jì)描述如下：
行數(shù)據(jù)（記錄）類
每一行使用實(shí)例化的insetv進(jìn)行數(shù)據(jù)存儲(chǔ)，針對(duì)多行的情況，設(shè)計(jì)采用數(shù)組對(duì)每一行進(jìn)行存儲(chǔ)。即數(shù)組的每一個(gè)元素都是insetv對(duì)象。最終實(shí)現(xiàn)數(shù)組按照數(shù)據(jù)行對(duì)填寫信息進(jìn)行存儲(chǔ)。然后自定義兩個(gè)按鈕的onclick消息響應(yīng)函數(shù)，實(shí)現(xiàn)存儲(chǔ)數(shù)據(jù)與動(dòng)態(tài)表格生成。其中addRow用于生成新的行，該函數(shù)實(shí)現(xiàn)代碼描述如下：
添加文本框（行）函數(shù)
定義insert方法用于獲取表單所有文本框填寫的信息，并采用數(shù)組對(duì)獲取的信息進(jìn)行存儲(chǔ)，數(shù)組每一個(gè)元素為insetv對(duì)象，對(duì)應(yīng)每一條記錄。Insert方法實(shí)現(xiàn)描述如下圖所示：
插入數(shù)據(jù)操作函數(shù)
本例所有的文本框行都是JS編碼實(shí)現(xiàn)，因此需要在window對(duì)象的onload實(shí)踐中調(diào)用addRows方法實(shí)現(xiàn)初始化時(shí)生成第一行。實(shí)現(xiàn)代碼如下：
初始化首行函數(shù)
為方便測試演示與展示，我們將獲取的數(shù)據(jù)直接在本頁面進(jìn)行展示，實(shí)際測試過程描述如下動(dòng)圖所示：
動(dòng)態(tài)實(shí)現(xiàn)效果展示
在插入操作過程我們使用console.log()對(duì)輸入數(shù)據(jù)對(duì)應(yīng)數(shù)組進(jìn)行了控制臺(tái)的輸出。輸出結(jié)果如下：
數(shù)據(jù)獲取存儲(chǔ)結(jié)果
本頭條號(hào)長期關(guān)注編程資訊分享；編程課程、素材、代碼分享及編程培訓(xùn)。如果您對(duì)以上方面有興趣或代碼錯(cuò)誤、建議與意見，可以聯(lián)系作者，共同探討。期待大家關(guān)注！如需案例完整代碼請(qǐng)關(guān)注并私信，該案例相關(guān)文章鏈接如下：
前端開發(fā)-拼圖游戲（N數(shù)碼問題）A*算法智能求解效果展示
前端設(shè)計(jì)-JavaScript美女拼圖游戲開發(fā)實(shí)例
前端設(shè)計(jì)-教你如何快速繪制HTML5動(dòng)畫
eb前端HTML/CSS教程大綱
本文總結(jié)了HTML和CSS的教程大綱，大家可以保存收藏下來的，這個(gè)是一個(gè)學(xué)習(xí)大綱頁面方便自己找文章，HTML和CSS是前端的基礎(chǔ)，這個(gè)是需要學(xué)的，有了基礎(chǔ)后面的JS、vue框架等等，都容易學(xué)。
古語有言，名師出高徒，如果跟弱者學(xué)習(xí)，那么就會(huì)成為弱者，跟強(qiáng)者學(xué)習(xí)，就會(huì)成為強(qiáng)者，學(xué)習(xí)跟混社會(huì)是一樣的道理，如果你跟精明的商人學(xué)習(xí)你就會(huì)成為商業(yè)高手，如果你跟擺地?cái)偟膶W(xué)習(xí)，那你就成為擺地?cái)偟呢浬瑢W(xué)習(xí)前端也是如此，如果你是真心想學(xué)好前端，你可以來這個(gè)群 153775627，前端大神之路正為你敞開！
HTML/CSS教程大綱
HTML教程：
1、HTML是什么？
2、HTML使用哪個(gè)編輯器好
3、HTML基礎(chǔ)標(biāo)簽的使用
4、HTML元素標(biāo)簽
5、HTML標(biāo)題的重要性
6、什么是HTML段落
7、HTML常用的文本格式
8、HTML跳轉(zhuǎn)鏈接制作
9、HTML頭部了解
10、HTML中的CSS是什么？
11、HTML圖片調(diào)用
12、HTML表格編寫方法
13、HTML列表編寫方法
14、HTML表單的玩法
15、HTML模塊
16、HTML網(wǎng)頁布局
17、HTML顏色調(diào)用
18、什么是HTML腳本
19、HTML中URL的由來
20、HTML字符實(shí)體
21、HTML用過的標(biāo)簽元素
22、HTML總結(jié)
CSS教程：
1、什么是CSS
2、CSS語法
3、CSS中的ID和class
4、CSS創(chuàng)建
5、CSS背景
6、CSS文本
7、CSS字體
8、CSS鏈接
9、CSS列表
10、CSS表格
11、CSS盒子
12、CSS邊框
13、CSS中outline屬性
14、CSS外邊距
15、CSS填充
16、CSS分組和嵌套選擇器
17、CSS尺寸
18、CSS中的Display與Visibility
19、CSS中的Positioning定位
20、CSS浮動(dòng)
21、CSS水平對(duì)齊
22、CSS組合選擇符
23、CSS偽類(Pseudo-classes)
24、CSS偽元素
25、CSS導(dǎo)航欄
26、CSS下拉框
27、CSS媒體類型
28、CSS屬性選擇器
29、CSS總結(jié)
HTML和CSS主要是做靜態(tài)頁面，做得高深一點(diǎn)，做成動(dòng)態(tài)及特效也是可以做到，主要是看自己怎么運(yùn)用，在這里發(fā)的，只是我最初學(xué)前端的一些知識(shí)，這也是最基礎(chǔ)的知識(shí)，算不上有多高深，但是基礎(chǔ)要打牢，后面的才會(huì)好學(xué)，話不多少，就說到這！
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
