AJAX基礎-第2章(4)

來源:互聯網
上載者:User

 HTML <form> 標籤:

form元素可為使用者輸入建立表單。表單可包含文本域,複選框,選項按鈕等等。表單被用來向某個指定的URL傳遞使用者資料。

必需的屬性:在action屬性中定義表單提交的地址。

屬性 描述  
action URL 當確認按鈕被按下時,向其傳遞資料的URL。  

可選的屬性:

name form_name 定義表單的唯一名稱
method
  • get
  • post

用於向action URL傳送資料的HTTP方法。預設為get。

method="get":此方法可傳送URL中的表單內容:URL?name=value&name=value。注釋:如果表單值包含非ASCII字元或者超過100個字元,您則必須使用method="post"。

method="post":此方法可傳送request主體中的表單內容。注釋:此方法可傳送request主體中的表單內容。

DOCTYPE HTML PUBLIC聲明:

DOCTYPE的常用聲明:分為 HTML 4.01 XHTML 1.0 XHTML 1.1 三種,規範分為:Strict, Transitional, Frameset。

使用DOCTYPE可以加快瀏覽速度, 檢驗你的站是否符合web標準:http://validator.w3.org/

其中的DTD(例如xhtml1-transitional.dtd)叫文件類型定義,裡麵包含了文檔的規則,瀏覽器就根據你定義的DTD來解釋你頁面的標識,並展現出來。
要建立符合標準的網頁,DOCTYPE聲明是必不可少的關鍵組成部分;除非你的XHTML確定了一個正確的DOCTYPE,否則你的標識和CSS都不會生效。

!DOCTYPE 元素不需要關閉標籤。

HTML xmlns 屬性:

  • 此屬性代表文檔的命名空間
  • xmlns是XML NameSpace的縮寫
  • 由於xml允許你自己定義自己的標識,你定義的標識和其他人定義的標識有可能相同,但表示不同的意義。當檔案交換或者共用的時候就容易產生錯誤。為了避免這種錯誤發生,XML採用名字空間聲明,允許你通過一個網址指向來識別你的標識。

     XHTML是HTML向XML過渡的標識語言,它需要符合XML文檔規則,因此也需要定義名字空間。又因為XHTML1.0不能自訂標識,所以它的名字空間都相同,就是http://www.w3.org/1999/xhtml。

    例:

    simplerequest.html:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Simple XMLHttpRequest</title>
       
    <script type="text/javascript">
    var xmlHttp;
    function createXMLHttpRequest() {

        if (window.ActiveXObject) {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        else if (window.XMLHttpRequest) {
            xmlHttp = new XMLHttpRequest();
        }
    }
       
    function startRequest() {
        createXMLHttpRequest();
        xmlHttp.onreadystatechange = handleStateChange;    
        xmlHttp.open("GET", "simpleResponse.xml", true);
        xmlHttp.send(null);
    }
       
    function handleStateChange() {

        if(xmlHttp.readyState == 4) {
            if(xmlHttp.status == 200) {
                alert("The server replied with: " + xmlHttp.responseText);

            }
        }
    }
    </script>
    </head>

    <body>
        <form action="#">
            <input type="button" value="Start Basic Asynchronous Request" onclick="startRequest();"/>
        </form>
    </body>
    </html>

    simpleresponse.xml:

    Hello from the server!

     

    相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.