如何使用按鈕鏈接另一個頁面？

-3

我已經使用網頁中的模板作爲登錄頁面，並且我無法弄清楚如何在單擊「登錄」按鈕時將此頁面鏈接到另一個頁面。我對HTML和CSS或JS沒有任何瞭解，所以如果有人能指導我完成這個工作，我會很感激。它是一個大學項目，必須在明天提交。這並不是說我不想學習，但是我還有一些其他的工作沒有成功，所以我不得不開始這個工作，而我只有一天的時間。如何使用按鈕鏈接另一個頁面？

我無法將代碼粘貼到此處。所以這裏的鏈接：使用harshit的我的解決方案

<p><a href="http://www.linkToWhereYOuWantItTo.Go"><input type="submit" value="Sign In"></a></p>

來源

2014-05-25 Yankee

至少試着做你的功課，然後問你卡在哪裏！（必須是一個熱門話題，在過去的半小時內看到這個問題出現了3次）。 PS，-1表示問題，+1表示誠實。 – GitaarLAB

我被困在這裏了，其餘的我已經處理了。我知道這個問題可能非常愚蠢，但我不知道所有的HTML，CSS和JS。我必須學習，而且我會。但我也必須在明天之前完成這個項目。 – Yankee

我會幫忙的。你在學什麼？ ASP？你的數據發送到哪裏？驗證有效用戶的是什麼？ – GitaarLAB

<input type="button" value="click" onclick="window.open(&quot;http://www.google.com/&quot;); window.open(&quot;http://www.youtube.com/&quot;);" />

來源

2014-05-25 06:53:48

感謝隊友，這個工程，但現在的登錄按鈕已經失去了它的CSS屬性 – Yankee

@Yankee確保你已經設置了正確的id/。就像'id =「your_id_here」或'class =「your_class_here」' – Tarun

得到了CSS的工作，謝謝 – Yankee

如果只是按下按鈕時，鏈接，把周圍的按鈕的<a> - 標籤和href屬性裏面的鏈接添加了id來恢復css屬性，但如果css值是一個類而不是一個id，只需將id =替換爲class =。

<input type="button" value="click" id="myCssClassId" onclick="window.open(&quot;http://www.google.com/&quot;); window.open(&quot;http://www.youtube.com/&quot;);" />

來源

2014-05-25 06:48:22

感謝您的回答。我剛剛嘗試過，在其中放入一個鏈接：http：//www.google.com，不起作用。該頁面只是刷新。然後我把我的實際目標'Default5.aspx'仍然沒有工作。是因爲我重定向到.aspx頁面嗎？ – Yankee

看起來不起作用，因爲它的輸入類型''''''''''''''''''''''可以防止''-tag鏈接到另一個頁面。您可以將其更改爲另一個類型或使用JS：'window.open（URL，windowName [，windowFeatures]）'[點擊此處瞭解更多信息]（http://www.javascript-coder.com/window-popup/javascript -window-open.phtml） –

：http://pastebin.com/pPS0Np8A

來源

2014-05-25 07:38:25 user2991535

所以你是「無法弄清楚如何我可以鏈接此網頁到另一個時，一個點擊‘登錄’按鈕」。

從您提供的登錄頁面簡化，你有下面的代碼：

<form action="Default5.aspx" method="POST"> 
    <fieldset> 
     <p><label for="email">E-mail address</label></p> 
     <p><input type="email" 
        id="email" 
       value="[email protected]" 
       required="required" /> 
     </p> 

     <p><label for="password">Password</label></p> 
     <p><input type="password" 
        id="password" 
       value="password" /> 
     </p> 

     <p><input type="submit" value="Login" /></p> 
    </fieldset> 
</form>

現在，請注意<input type="submit" value="Login" />。一旦你點擊它，form將提交其中包含的數據（密碼和電子郵件）。

當您提交表單時，表單需要一個需要發送數據的地址。這也是顯示的頁面（'重定向'）。您只需使用表單的action屬性即可設置該屬性，該屬性只是一個URL。

只是想爲未來的讀者糾正這一點。

編輯：

因此，例如在谷歌準確的圖像搜索可以工作，如：

<form method="GET" 
     action="http://www.google.com/search" 
     target="_BLANK" 
    onsubmit="var e = this.getElementsByTagName('input'); 
       e[1].value= 'isz:ex,iszw:' + e[3].value 
         +  ',iszh:' + e[4].value; 
       return true; 
      " 
><fieldset> 
    <input type="hidden" name="tbm" value="isch" /> 
    <input type="hidden" id="tbs" name="tbs" /> 
    <p>Search Image: 
     <input type="text" name="q" value="search" /> 
    </p> 
    <p> 
     Width: <input type="text" value="32" /> px <br /> 
     Height: <input type="text" value="32" /> px <br /> 
     <input type="submit" value="Search" /> 
    </p> 
    </fieldset> 
</form>

Example jsFiddle here

這裏method從POST改爲GET 。這樣，表單中輸入的值就會附加到URL中（所以任何人都可以閱讀它們）。

要關閉着如何打開新的空白頁面我加入了target -attribute最後一個例子，並指出_BLANK。

這個例子是故意保持簡單，風格和擴展他們，如你所願。

來源

2014-05-25 07:51:45 GitaarLAB

如何使用按鈕鏈接另一個頁面？

回答

相關問題