使用css格式化表格

-3

我不明白如何使form函數隨css改變。我試圖將form移動到頁面上的另一個地方作爲示例。使用css格式化表格

<!DOCTYPE html> 
<html> 
<head> 


<script type = "text/javascript"> 
var count = 2; 

function validate() { 
    var un = document.myform.username.value; 
    var pw = document.myform.pword.value; 
    var valid = false; 

    var unArray = ["Philip", "George", "Sarah", "Michael"]; 
    var pwArray = ["Password1", "Password2", "Password3", "Password4"]; 

    for (var i=0; i <unArray.length; i++) { 
     if ((un == unArray[i]) && (pw == pwArray[i])) { 
     valid = true; 
      break; 
     } 
    } 

    if (valid) { 
     alert ("Login was successful"); 
     window.location = "http://www.google.com"; 
     return false; 
    } 

    var t = " tries"; 

    if (count == 1) {t = " try"} 

    if (count >= 1) { 
     alert ("Invalid username and/or password. " + 
       "You have " + count + t + " left."); 
     document.myform.username.value = ""; 
     document.myform.pword.value = ""; 
     setTimeout("document.myform.username.focus()", 25); 
     setTimeout("document.myform.username.select()", 25); 
     count --; 
    } 

    else { 
     alert ("Still incorrect! You have no more tries left!"); 
     document.myform.username.value = "No more tries allowed!"; 
     document.myform.pword.value = ""; 
     document.myform.username.disabled = true; 
     document.myform.pword.disabled = true; 
     return false; 
    } 

} 

<!--this--> 
    p.log_on{ 
    position: fixed; 
    top: 34px; 
    right: 29px; 
} 

</script> 




</head> 


<body> 

<!--here--> 
<form name = "myform"> 
    <p class="log_on"> 
    ENTER USER NAME <input type="text" name="username"> 
    ENTER PASSWORD <input type="password" name="pword"> 
    <input type="button" value="Check In" name="Submit" onclick="validate()"> 
    </p> 
</form> 
<!--to here--> 

</body> 


</html>

來源

2014-11-24 sam bob

你的「代碼」顯示顯著缺乏瞭解。我建議你回到更簡單的例子，並建立你的知識。 – 2014-11-24 23:57:17

你應該回應那些試圖幫助你的人。這就是這個網站的工作原理。 – 2014-11-26 01:12:11

只要改變你的HTML標籤周圍像這樣

... 

document.myform.pword.disabled = true; 
     return false; 
    } 

} 
</script> 
<style> 
p.log_on{ 
    position: fixed; 
    top: 34px; 
    right: 29px; 
} 
</style> 
</head> 
<body> 
...

來源

2014-11-24 23:50:03

你混合CSS和Javascript。 CSS應該從腳本標籤中分離出來並放置在一個樣式標籤中。使用Javacript作爲登錄系統不是特別強大。

<head> 
    <script type = "text/javascript"> 
    var count = 2; 

    function validate() { 
     var un = document.myform.username.value; 
     var pw = document.myform.pword.value; 
     var valid = false; 

     var unArray = ["Philip", "George", "Sarah", "Michael"]; 
     var pwArray = ["Password1", "Password2", "Password3", "Password4"]; 

     for (var i=0; i <unArray.length; i++) { 
     if ((un == unArray[i]) && (pw == pwArray[i])) { 
     valid = true; 
     break; 
     } 
     } 

    if (valid) { 
     alert ("Login was successful"); 
     window.location = "http://www.google.com"; 
     return false; 
    } 

    var t = " tries"; 

    if (count == 1) {t = " try"} 

    if (count >= 1) { 
     alert ("Invalid username and/or password. " + 
      "You have " + count + t + " left."); 
     document.myform.username.value = ""; 
     document.myform.pword.value = ""; 
     setTimeout("document.myform.username.focus()", 25); 
     setTimeout("document.myform.username.select()", 25); 
     count --; 
    } 

    else { 
     alert ("Still incorrect! You have no more tries left!"); 
     document.myform.username.value = "No more tries allowed!"; 
     document.myform.pword.value = ""; 
     document.myform.username.disabled = true; 
     document.myform.pword.disabled = true; 
     return false; 
    } 

} 

</script> 

<style> 

    p.log_on{ 
    position: fixed; 
    top: 34px; 
    right: 29px; 
} 

</style>

來源

2014-11-24 23:54:29

使用css格式化表格

回答

相關問題