1. 程式人生 > >XML基本知識(Day5)

XML基本知識(Day5)

1.表單提交方式<html>

  1. 使用<input:submit提交>
  2. 自己使用button寫提交;
  3. 使用超連結提交 <a href="*****"?info1=111></a>來提交

2.HTML常用事件

  1. onclick
  2. <select> onchange
  3. onfocus obblur獲得焦點,失去焦點

本章程式碼

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <form id="form1">
        <input type="text" id="text1" name="info1" value="password!" onfocus="focus1();" onblur="unfocus1();">
        <!--複習:有name屬性的標籤才能在提交的時候反映在url上面(這是get方法),post方法不可見,通過method屬性設定-->
        <input type="button" value="submit" onclick="formSubmit();">
    </form>
    <script>
        var value="password!";
        function formSubmit() {
            //1.獲取操作物件form
            var objForm=document.getElementById("form1");
            //2.提交需要一個action的屬性
            //objForm.setAttribute("method","post");//設定提交方式為post不可見資訊

            objForm.action="../test1.html";
            objForm.submit();
        }
        /*實現點選文字輸入框實現點選清除資訊*/
        function focus1() {
            var textObj=document.getElementById("text1");
            textObj.value=" ";
        }
        function unfocus1() {
            var textObj=document.getElementById("text1");
            textObj.value=value;
        }
    </script>
</body>
</html>

XML:可擴充套件標記型語言(extensiable markup language)