2013-06-13 191 views
0

行..這可能是一個愚蠢的問題,但我是Dreamweaver的新手。我知道右鍵單擊 - >建立鏈接選項可以讓您選擇將選定的文本鏈接到另一個頁面。我試圖用一個按鈕做同樣的事情,但是右鍵點擊一個按鈕並沒有給出make link按鈕。我如何製作一個按鈕,點擊後會將我帶到另一個頁面?Dreamweaver鏈接到按鈕CS6

我想複製一個谷歌主頁,這是迄今爲止的代碼。

<body> 
<div align="center"> 
    <p>&nbsp;</p> 
    <p>&nbsp;</p> 
    <p>&nbsp;</p> 
    <p>&nbsp;</p> 
    <p>&nbsp;</p> 
    <p><img src="logo.jpg" width="281" height="114" /></p> 
    <p> 
    <label for="textfield"></label> 
    <input name="textfield" type="text" id="textfield" value="" size="100" /> 
    </p> 
    <p> 
    <input name="Button 1" type="submit" id="Button 1" value="Google Search" /> 
    &nbsp; 
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <input type="submit" name="button2" id="button2" value="I'am Feeling lucky" /> 
    </p> 
    <p>&nbsp;</p> 
</div> 
</body> 

回答

0

你提到了DreamWeaver,我不知道你是否想要一個只使用GUI方面的解決方案,或者如果你可以進入設計視圖。我的答案是關於設計視圖。

您的輸入類型已提交,您需要提交表單的內容!例如:

<form action="googleResultReplcationPage.aspx" method="get"> 
    <p> 
     <label for="textfield" /> 
     <input name="textfield" type="text" id="textfield" value="" size="100" /> 
    </p> 
    <p> 
     <input name="Button 1" type="submit" id="Button 1" value="Google Search" /> 
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
     <input type="submit" name="button2" id="button2" value="I'am Feeling lucky" /> 
    </p> 
</form> 

要做你想做的事,你需要JavaScript並將類型改爲Button。這顯然只適用於用戶啓用了JavaScript的情況。

<input type="button" value="Google Search" onClick="window.navigate('replicationGooglePage.aspx')"> 

這樣的工作,你周圍可以使用CSS(你還需要創建懸停)

<a href="#" class="button">some words</a> 

.button { 
    display: block; 
    width: 115px; 
    height: 25px; 
    background: #4E9CAF; 
    padding: 10px; 
    text-align: center; 
    border-radius: 5px; 
    color: white; 
    font-weight: bold; 
} 

Source

出的這3個選項做到這一點,第一個建議是IMO最好的辦法。

順便說一句,不要使用&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;,因爲它並不總是在每一個瀏覽器中運行(用於只讀第一部分瀏覽器),而不是使用樣式/ css和使用LeftPaddingMargin(視你的代碼/設置/設計) - 雖然你會更好地使你的website centered

<form action="googleResultReplcationPage.aspx" method="get"> 
    <p> 
     <label for="textfield" /> 
     <input name="textfield" type="text" id="textfield" value="" size="100" /> 
    </p> 
    <p> 
     <input name="Button 1" type="submit" id="Button 1" value="Google Search" />  
     <input type="submit" name="button2" id="button2" value="I'm Feeling lucky" style="margin-left:50px;" /> 
    </p> 
</form>