整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          一個(gè)基本的HTML5模板「建議收藏」

          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="UTF-8">
          <title>Title of the document</title>
          <link rel="stylesheet" type="text/css" href="main.css" />
           <script type="text/javascript" src="myscript.js" ></script>
          </head>
          <body>
          這里是內(nèi)容
          </body>
          </html>
          
          【說明】
          第一行<!DOCTYPE html>用來聲明這是個(gè)html5文檔
          html文檔 以<html>開始,以</html>結(jié)束
          <head></head>是頭部信息,這部分是在頁面上是不顯示的,主要告訴瀏覽器一些信息,比如使用的字符集,
          文檔標(biāo)題、需要加載的CSS(層疊樣式表)和JavaScript文檔。
          <link>表示鏈接一個(gè)外部mian.css 的樣式表文件。樣式表用來美化頁面元素,定義元素的參數(shù)。
          <javascript>表示這是個(gè)瀏覽器腳本文件,里面的src屬性表示鏈接一個(gè)外部腳本文件。
          <body></body>表示主體,這部分是用來在瀏覽器頁面是顯示的,是用戶可以真正看到的內(nèi)容。body里面可
          包含很多語義標(biāo)簽,像div,span,table,form,video,li等。
          • 文本標(biāo)記語言(英文HyperText Markup Language,簡稱:HTML)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言!
          • 對于中文網(wǎng)頁需要使用<meta charset='utf-8'>聲明編碼,否則會出現(xiàn)亂碼。有些瀏覽器(如360瀏覽器)會設(shè)置GBK為默認(rèn)編碼,則你需要設(shè)置為<meta charset='gbk'>
            例子模板
          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="utf-8">
          <title>HTML中文網(wǎng)(html.cn)</title>
          </head>
          <body>
              <h1>我的第一個(gè)標(biāo)題</h1>
              <p>我的第一個(gè)段落。</p>
          </body>
          </html>

          解析

          <!DOCTYPE html> 聲明為 HTML5 文檔
          <html> 元素是 HTML 頁面的根元素
          <head> 元素包含了文檔的元(meta)數(shù)據(jù),如 <meta charset="utf-8"> 定義網(wǎng)頁編碼格式為 utf-8。
          <title> 元素描述了文檔的標(biāo)題
          <body> 元素包含了可見的頁面內(nèi)容
          <h1> 元素定義一個(gè)大標(biāo)題
          <p> 元素定義一個(gè)段落

          什么是HTML?

          • HTML 是用來描述網(wǎng)頁的一種語言。
          • HTML 指的是超文本標(biāo)記語言:HyperText Markup Language
          • HTML 不是一種編程語言,而是一種標(biāo)記語言
          • 標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
          • HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
          • HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
          • HTML文檔也叫做 web 頁面

          HTML 標(biāo)簽

          HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
          HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞,比如
          <html>
          HTML 標(biāo)簽通常是成對出現(xiàn)的,比如
          <b></b>
          標(biāo)簽對中的第一個(gè)標(biāo)簽是開始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
          開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
          <標(biāo)簽>內(nèi)容</標(biāo)簽>

          HTML 元素

          “HTML 標(biāo)簽” 和 “HTML 元素” 通常都是描述同樣的意思.
          但是嚴(yán)格來講, 一個(gè) HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽,如下實(shí)例:
          HTML 元素:
          <p>這是一個(gè)段落。</p>

          HTML 頭部元素

          頭部元素包含關(guān)于文檔的概要信息,也稱為元信息(meta-information)。Meta 意為“關(guān)于某方面的信息”。
          可以這么說,元數(shù)據(jù)(meta-data)是關(guān)于數(shù)據(jù)的信息,而元信息是關(guān)于信息的信息。

          HTML <HEAD> 元素

          <head> 元素包含了所有的頭部標(biāo)簽元素。在 元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。
          可以添加在頭部區(qū)域的元素標(biāo)簽為:
          <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.

          HTML <TITLE> 元素

          <title> 標(biāo)簽定義了不同文檔的標(biāo)題。
          <title> 在 HTML/XHTML 文檔中是必須的。
          <title> 元素:
          1.定義了瀏覽器工具欄的標(biāo)題
          2.當(dāng)網(wǎng)頁添加到收藏夾時(shí),顯示在收藏夾中的標(biāo)題
          3.顯示在搜索引擎結(jié)果頁面的標(biāo)題

          HTML <BASE> 元素

          <base> 標(biāo)簽描述了基本的鏈接地址/鏈接目標(biāo),該標(biāo)簽作為HTML文檔中所有的鏈接標(biāo)簽的默認(rèn)鏈接:

          <head>
          <base href="http://www.html.cn/images/" target="_blank">
          </head>

          HTML <LINK> 元素

          <link> 標(biāo)簽定義了文檔與外部資源之間的關(guān)系。
          <link> 標(biāo)簽通常用于鏈接到樣式表:

          <head>
          <link rel="stylesheet" type="text/css" href="mystyle.css">
          </head>
          

          HTML <STYLE> 元素

          <style> 標(biāo)簽定義了HTML文檔的樣式文件引用地址.
          <style> 元素中你也可以直接添加樣式來渲染 HTML 文檔:

          <head>
          <style type="text/css">
          body {background-color:yellow}
          p {color:blue}
          </style>
          </head>

          HTML <META> 元素

          meta標(biāo)簽描述了一些基本的元數(shù)據(jù)。
          <meta> 標(biāo)簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁面上,但會被瀏覽器解析。
          META 元素通常用于指定網(wǎng)頁的描述,關(guān)鍵詞,文件的最后修改時(shí)間,作者,和其他元數(shù)據(jù)。
          元數(shù)據(jù)可以使用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關(guān)鍵詞),或其他Web服務(wù)。
          <meta> 一般放置于 <head> 區(qū)域

          <META> 標(biāo)簽- 使用實(shí)例

          • 為搜索引擎定義關(guān)鍵詞:
            <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
          • 為網(wǎng)頁定義描述內(nèi)容:
            <meta name="description" content="免費(fèi) Web & 編程 教程">
          • 定義網(wǎng)頁作者:
            <meta name="author" content="HTML">
          • 每30秒鐘刷新當(dāng)前頁面:
            <meta http-equiv="refresh" content="30">

          HTML <SCRIPT> 元素

          <script>標(biāo)簽用于加載腳本文件,如: JavaScript。
          <script> 元素在以后的章節(jié)中會詳細(xì)描述。

          HTML head 元素

          標(biāo)簽

          描述

          <head>

          定義了文檔的信息

          <title>

          定義了文檔的標(biāo)題

          <base>

          定義了頁面鏈接標(biāo)簽的默認(rèn)鏈接地址

          <link>

          定義了一個(gè)文檔和外部資源之間的關(guān)系

          <meta>

          定義了HTML文檔中的元數(shù)據(jù)

          <script>

          定義了客戶端的腳本文件

          <style>

          定義了HTML文檔的樣式文件

          HTML 元素

          • HTML元素指的是從開始標(biāo)簽(start tag)到結(jié)束標(biāo)簽(end tag)的所有代碼。例:

          開始標(biāo)簽

          元素內(nèi)容

          結(jié)束標(biāo)簽

          <p>

          這是一個(gè)段落

          </p>

          <a href="default.html">

          這是一個(gè)鏈接

          </a>

          <br>

          換行


          • 說明:HTML 文檔是由 HTML 元素定義的
          • 注:開始標(biāo)簽常被稱為起始標(biāo)簽(opening tag),結(jié)束標(biāo)簽常稱為閉合標(biāo)簽(closing tag)。

          元素語法

          • HTML 元素以開始標(biāo)簽起始
          • HTML 元素以結(jié)束標(biāo)簽終止
          • 元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
          • 某些 HTML 元素具有空內(nèi)容(empty content)
          • 空元素在開始標(biāo)簽中進(jìn)行關(guān)閉(以開始標(biāo)簽的結(jié)束而結(jié)束)
          • 大多數(shù) HTML 元素可擁有屬性
          • 注釋: 您將在本教程的下一章中學(xué)習(xí)更多有關(guān)屬性的內(nèi)容。
          • 嵌套的 HTML 元素
          • HTML 文檔由嵌套的 HTML 元素構(gòu)成。大多數(shù) HTML 元素可以嵌套(可以包含其他 HTML 元素)。
          • 空元素
          • 沒有內(nèi)容的 HTML 元素被稱為空元素。空元素是在開始標(biāo)簽中關(guān)閉的。
          • <br> 就是沒有關(guān)閉標(biāo)簽的空元素(<br> 標(biāo)簽定義換行)。
          • 在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關(guān)閉。
          • 在開始標(biāo)簽中添加斜杠,比如 <br />,是關(guān)閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。
          • 即使 <br> 在所有瀏覽器中都是有效的,但使用 <br /> 其實(shí)是更長遠(yuǎn)的保障。

          注釋標(biāo)簽<!--...-->

          HTML注釋標(biāo)簽<!--...-->用來在源文檔中插入注釋。注釋不會在瀏覽器中顯示。可使用注釋對您的代碼進(jìn)行解釋,這樣做有助于您在以后的時(shí)間對代碼的編輯。特別是代碼量很大的情況下很有用

          標(biāo)簽定義及使用說明

          • <!--...--> 注釋標(biāo)簽用來在源文檔中插入注釋。注釋不會在瀏覽器中顯示。
          • 您可使用注釋對您的代碼進(jìn)行解釋,這樣做有助于您在以后的時(shí)間對代碼的編輯。特別是代碼量很大的情況下很有用。
          • 您也可以在注釋內(nèi)容存儲針對程序所定制的信息。在這種情況下,這些信息對用戶是不可見的,但是對程序來說是可用的。一個(gè)好的習(xí)慣是把注釋或樣式元素放入注釋文本中,這樣就可避免不支持腳本或樣式的老瀏覽器把它們顯示為純文本。
          <script type="text/javascript">
          <!--
          function displayMsg()
          {
            alert("Hello World!")
          }
          //-->
          </script>
          • 注釋:命令行最后的兩個(gè)正斜杠(//)是 JavaScript 注釋符號。這確保了 JavaScript 不會執(zhí)行 –> 標(biāo)簽。
          • 除了在源文檔中有非常明顯的作用外,許多 Web 服務(wù)器也利用注釋來實(shí)現(xiàn)文檔服務(wù)端軟件特有的特性。這些服務(wù)器可以掃描文檔,從傳統(tǒng)的 HTML/XHTML 注釋中找到特定的字符序列,然后再根據(jù)嵌在注釋中的命令采取相應(yīng)的動作。這些動作可能是簡單地包括其他文件中的文本(即所謂的服務(wù)器端包含,server-inside include),也可能是復(fù)雜地執(zhí)行其他命令去動態(tài)生成文檔的內(nèi)容。

          HTML 段落與文字

          標(biāo)題

          • 在 HTML 文檔中,標(biāo)題很重要。標(biāo)題(Heading)是通過 <h1> - <h6> 等標(biāo)簽進(jìn)行定義的。其中<h1> 定義最大的標(biāo)題,<h6> 定義最小的標(biāo)題
          • HTML中的標(biāo)題標(biāo)簽通過<h1>-<h6>來設(shè)置,越往下標(biāo)題越小

          段落

          • 在HTML中段落是通過p標(biāo)簽來定義的,它可以將HTML文檔分割為若干段落部分。因?yàn)閜標(biāo)簽是塊級元素,所以瀏覽器會自動地在段落的前后添加空行。
          • 注意: 因?yàn)閜標(biāo)簽是塊級元素,所以瀏覽器會自動地在段落的前后添加空行
          • 我們可以通過<br/>標(biāo)簽來對段落進(jìn)行換行
          • 如果希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行,就可以使用<br /> 標(biāo)簽,注意它是一個(gè)單標(biāo)簽。

          文本格式化

          • HTML可定義很多供格式化輸出的元素,例:使用標(biāo)簽 <b>(“bold”) 與 <i>(“italic”) 對輸出的文本進(jìn)行格式,從而顯示粗體 或者 斜體
            示例:
          <!DOCTYPE html>
          <html>
          <head> 
          <meta charset="utf-8"> 
          <title>HTML教程(html.cn)</title> 
          </head> 
          <body>
          <b>加粗文本</b><br><br>
          <i>斜體文本</i><br><br>
          <code>電腦自動輸出</code><br><br>
          這是 <sub> 下標(biāo)</sub> 和 <sup> 上標(biāo)</sup>
          </body>
          </html>

          HTML 文本格式化標(biāo)簽

          標(biāo)簽

          描述

          <b>

          定義粗體文本

          <em>

          定義著重文字

          <i>

          定義斜體字

          <small>

          定義小號字

          <strong>

          定義加重語氣

          <sub>

          定義下標(biāo)字

          <sup>

          定義上標(biāo)字

          <ins>

          定義插入字

          <del>

          定義刪除字

          HTML”計(jì)算機(jī)輸出”標(biāo)簽

          標(biāo)簽

          描述

          <kbd>

          定義鍵盤碼

          <samp>

          定義計(jì)算機(jī)代碼樣本

          <var>

          定義變量

          <pre>

          定義預(yù)格式文本

          <code>

          定義計(jì)算機(jī)代碼

          HTML 引文,引用,及標(biāo)簽定義

          標(biāo)簽

          描述

          <abbr>

          定義縮寫

          <address>

          定義地址

          <bdo>

          定義文字方向

          <blockquote>

          定義長的引用

          <q>

          定義短的引用語

          <cite>

          定義引用、引證

          <dfn>

          定義一個(gè)定義項(xiàng)目

          區(qū)塊

          • 大多數(shù) HTML 元素被定義為塊級元素或內(nèi)聯(lián)元素。塊級元素在瀏覽器顯示時(shí),通常會以新行來開始(和結(jié)束);而內(nèi)聯(lián)元素則不會。

          HTML 區(qū)塊元素

          可以通過 <div> 和 <span> 將 HTML 元素組合起來

          HTML塊級元素

          塊級元素在瀏覽器顯示時(shí),通常會以新行來開始和結(jié)束 - 例:<h1>, <p>, <ul>, <table>

          HTML內(nèi)聯(lián)元素

          內(nèi)聯(lián)元素在顯示時(shí)通常不會以新行開始 - 例:<b>, <td>, <a>, <img>

          HTML <div> 元素

          HTML <div> 元素是塊級元素,瀏覽器會在其前后顯示折行 - 如果與 CSS 一同使用,<div> 元素可用于對大的內(nèi)容塊設(shè)置樣式屬性。 - <div> 元素的另一個(gè)常見的用途是文檔布局

          HTML <span> 元素

          HTML <span> 元素是內(nèi)聯(lián)元素,可用作文本的容器 - 與 CSS 一同使用時(shí),<span> 元素可用于為部分文本設(shè)置樣式屬性

          HTML字符實(shí)體

          • 在 HTML 中,某些字符是預(yù)留的,這些預(yù)留字符必須被替換為字符實(shí)體;而,一些在鍵盤上找不到的字符也可以使用字符實(shí)體來替換。

          HTML 實(shí)體
          在 HTML 中,某些字符是預(yù)留的。
          比如在 HTML 中不能使用小于號(<)和大于號(>)因?yàn)闉g覽器會誤認(rèn)為它們是標(biāo)簽,所以希望能正確地顯示預(yù)留字符,我們必須在 HTML 源代碼中使用字符實(shí)體(character entities)。
          字符實(shí)體類似這樣

          &entity_name;

          &#entity_number;

          HTML 字符實(shí)體
          不間斷空格
          HTML 中的常用字符實(shí)體是不間斷空格( )
          瀏覽器總是會截短 HTML 頁面中的空格,如果需要在頁面中增加空格的數(shù)量,需要使用 字符實(shí)體

          有用的字符實(shí)體

          顯示結(jié)果

          描述

          實(shí)體名稱

          實(shí)體編碼


          空格



          <

          小于號

          <

          <

          >

          大于號

          >

          >

          &

          和號

          &

          &

          引號

          "

          "

          撇號

          ' (IE不支持)

          '

          歐元

          §

          小節(jié)

          §

          §

          ?

          版權(quán)

          ?

          ?

          ?

          注冊商標(biāo)

          ?

          ?

          ?

          商標(biāo)

          ?

          ?

          ×

          乘號

          ×

          ×

          ÷

          除號

          ÷

          ÷

          • 注意:實(shí)體名稱對大小寫敏感

          歡迎大家提議、分享、交流、共同學(xué)習(xí)進(jìn)步

          隨著5G網(wǎng)絡(luò)逐漸普及,手機(jī)已經(jīng)成為了我們的一部分,從前出門要還要想著帶個(gè)什么樣子的包,現(xiàn)在的出門只要記得帶好手機(jī)就足矣!以前手機(jī)要實(shí)現(xiàn)一個(gè)功能就需要安裝相應(yīng)的APP,而現(xiàn)在微信小程序等帶給我們不一樣的體驗(yàn),我們不再需要安裝各種各樣的APP,很多都可以在微信小程序上完成。微信小程序的開發(fā)門檻雖然低了很多,但我們還是需要掌握一定的基礎(chǔ)知識,而作為基礎(chǔ)中的基礎(chǔ),HTML5是我們必須學(xué)習(xí)的。


          一、HTML代碼基礎(chǔ)

          1、HTML5的語法要求非常寬松,屬性值可以用單引號、雙引號包含起來,甚至可以不加引號。如:

          id="wl" id='wl' id=wl 這三個(gè)是一樣的效果。

          但需要注意的是如果屬性值中含有空格、單引號、大于小于號、反引號等字符時(shí),則必須加引號,而當(dāng)屬性值中含有單引號時(shí),可以加雙引號,而值中有雙引號時(shí)就可以 加單引號。為了養(yǎng)成一個(gè)好的習(xí)慣,建議好始終給屬性值加雙引號。


          2、內(nèi)容標(biāo)簽是標(biāo)簽中包含一段內(nèi)容,如p和strong這樣的元素;非內(nèi)容標(biāo)簽(空元素)是指標(biāo)簽不包含內(nèi)容,比如換行等,它只有起始標(biāo)簽,不需要結(jié)束標(biāo)簽,以HTML5以前為了強(qiáng)調(diào)結(jié)束,經(jīng)常把非內(nèi)容標(biāo)簽寫成<br />樣子,而在HTML5中規(guī)定,非內(nèi)容標(biāo)簽不需要關(guān)閉。常見的非內(nèi)容標(biāo)簽有:<meta>、<img>、<br>、<input>、<link>、<hr>、<embed>等。


          3、注釋:不論單選還是多行,只需要把注釋放在<!-- 注釋內(nèi)容 -->。


          4、HTML頁面根元素,在整個(gè)頁面中html是根元素,在這個(gè)元素中一般有兩個(gè)屬性,一個(gè)是lang,另一個(gè)是manifest。

          <html lang="zh-cmn-Hans">:聲明頁面的語言為簡體中文。(非標(biāo)準(zhǔn)寫法為lang="zh-CN");manifest屬性用于設(shè)定頁面緩存,它一旦設(shè)置后,瀏覽器便會將需要緩存的文件保存在本地,主要適用于不依賴網(wǎng)絡(luò),且下載后不需要再次更新的HTML5游戲、應(yīng)用等,如果頁面內(nèi)容需要頻繁更新的應(yīng)該少用該屬性,具體用法可以查詢HTML5手冊,這里不詳細(xì)說明。


          5、Head元素包含五個(gè)主要部分,分別是title、link、style、base和meta元素。title元素即網(wǎng)頁的標(biāo)題;link元素定義了文檔與外部資源的關(guān)系,除了CSS外,還有許多的外部資源也通過這一元素引入頁面;style元素用于在頁面中定義樣式;base元素用于標(biāo)記文檔的基礎(chǔ)URL地址,還可被用于設(shè)置全局的瀏覽器打開方式,如:<base target="_blank">設(shè)置頁面中所有的鏈接均在新窗口中打開

          ;meta元素是head中各類最豐富的一個(gè)元素,雖然它包含了多種多樣的元數(shù)據(jù),但它被規(guī)定了必須包含name(元數(shù)據(jù)名稱),http-equiv(編譯指令)和charset(字符編碼)三種屬性的其中一種。如不希望頁面被抓取并公開時(shí),我們可以在頁面中添加名為robots的meta標(biāo)記,如:<meta name="robots" content="none">,反之則所有都被檢索到<meta name="robots" content="all">

          。meta元素還能完成諸如刷新、重定向、緩存時(shí)間等功能。


          6、HTML5新增了header元素,專門用來表述這樣的頭部區(qū)域,section元素對應(yīng)不用的內(nèi)容版塊,文章可以用article元素來表示,頁面的側(cè)邊欄可以用aside元素來表示 ,而且不僅可以放在整個(gè)頁面的代表側(cè)邊欄區(qū)域,還能放入section或article中,來容納一些與版塊和文章相關(guān)的內(nèi)容。


          7、footer元素和header元素并非區(qū)塊內(nèi)容,在這兩種元素之內(nèi)不能再嵌套放入類似section之類的元素。


          8、不是所有的文字段落都適用p元素,如一段文字為聯(lián)系信息時(shí),則應(yīng)使用address元素。


          9、定義列表的除了有ul和ol外,還有一種更加自定義的形式,它由三種元素的組合而成,分別是dl、dt和dd。


          10、內(nèi)容分組元素figure元素,它主要用于展示插圖、圖表、照片、代碼列表等。


          11、HTML5加入了一種新的內(nèi)容分組元素,用來指定頁面的主要內(nèi)容,main元素,每一個(gè)頁面中最多只能有一個(gè)main元素,另外還有像水平分隔線的hr,表示源代碼的pre,代表引用的blockquote等都同樣屬于內(nèi)容分組元素。


          12、在過去HTML版本中,a還可以當(dāng)成錨點(diǎn),如<a name="a1"></a>,但在HTML5中把這一特性去掉了,當(dāng)href屬性缺失時(shí),它被視作一個(gè)占位符,而不會顯示為一個(gè)超鏈接。


          13、span元素是一種常見的文本元素,但如果不對span設(shè)置樣式,則spqn中的文本和其他的文本看上去不會有任何差異。


          14、在HTML5中有兩種表示強(qiáng)調(diào)的文本元素,分別為em和strong,em元素更多代表語義、語氣的加強(qiáng),而strong則更加強(qiáng)調(diào)頁面文本的重要性、緊急程度等,瀏覽器中em默認(rèn)的顯示為斜體,而strong則顯示為粗體。


          15、big標(biāo)記的文本顯示大于普通的段落文本,而small標(biāo)記的文本則小于普通 的段落文本;當(dāng)需要插入某句被引用的話,或者某段文字摘錄時(shí),可以使用q元素,而當(dāng)需要插入文獻(xiàn)的標(biāo)題、作者、鏈接時(shí)使用cite元素,q元素默認(rèn)在頭和尾加上雙引號,而cite元素默認(rèn)顯示為斜體。


          16、表單在制作時(shí)需要設(shè)置method和action屬性,分別用來指定表單提交數(shù)據(jù)的方式和目的頁面;數(shù)據(jù)提交的方式有兩種,get和post,get是把數(shù)據(jù)放在URL中,以明文的方式發(fā)送給后臺,它不能傳輸過大的數(shù)據(jù),也不能傳輸文件類數(shù)據(jù),而post是把數(shù)據(jù)放在數(shù)據(jù)體內(nèi)再發(fā)給后臺,數(shù)據(jù)不能直接被看到,可傳輸?shù)臄?shù)據(jù)量較大,所以一般都選擇使用post方式。


          17、在文本輸入框可以加入placeholder(占位符)屬性,值為框內(nèi)顯示的文本,也可以為input元素添加required屬性使該表單項(xiàng)必填,也可以添加autofocus屬性使其自動獲得焦點(diǎn),一般設(shè)置第一個(gè)字段。


          18、HTML5為input元素增加了很多新的類型,如電話的tel,電子郵件的email,日期的date等。


          19、radio表示單選按鈕,同一組的單選按鈕具有相同的name屬性,它的值由value屬性決定,checked屬性表示該按鈕默認(rèn)選中。如:

          <p>
          <label for="sex">性別:</label>
          <input type="radio" name="sex" value="male" checked>男
          <input type="radio" name="sex" value="female">女
          </p>

          還可以使用分區(qū)度更高的fieldset元素,它可以對表單內(nèi)容的一部分進(jìn)行打包,生成一組相關(guān)的表單字段,它使用legend元素指定標(biāo)題。

          checkbox的input元素為復(fù)選框,checked屬性為選中狀態(tài);select元素生成下拉菜單,元素使用option元素標(biāo)記。


          主站蜘蛛池模板: 亚洲AV日韩综合一区尤物| 色欲AV蜜桃一区二区三| 国产传媒一区二区三区呀| 亚洲日韩中文字幕一区| 在线电影一区二区三区| 日韩一区二区免费视频| 麻豆va一区二区三区久久浪| 国产成人精品一区二三区熟女 | 91久久精一区二区三区大全| 中文无码AV一区二区三区| 亚欧色一区W666天堂| 伊人色综合网一区二区三区| 精品不卡一区中文字幕| 国产一区二区在线视频| 91国偷自产一区二区三区| 久久久久国产一区二区| 免费萌白酱国产一区二区三区| 老熟妇仑乱视频一区二区| 成人丝袜激情一区二区| 中文字幕一区二区三区免费视频| 久久久av波多野一区二区| 精品一区二区三区AV天堂| 精品国产福利第一区二区三区| 亚洲欧美国产国产一区二区三区| 一区二区日韩国产精品| 中文字幕亚洲综合精品一区| 成人精品一区二区不卡视频| 中文字幕精品一区二区精品| 亚洲AV噜噜一区二区三区| 中文字幕一区在线观看| 色一情一乱一伦一区二区三欧美| 视频在线一区二区| 亚洲AV无码第一区二区三区| 精品国产一区二区22| 日韩精品无码一区二区三区| 中文字幕日韩欧美一区二区三区| 在线观看国产一区二三区| 日本一区中文字幕日本一二三区视频 | 伦精品一区二区三区视频| 亚洲一区二区三区成人网站 | 一区在线观看视频|