Dreamweaver链接到按钮CS6

时间:2013-06-13 08:01:22

标签: button hyperlink dreamweaver

好的..这可能是一个愚蠢的问题,但我是Dreamweaver的新手。我知道右键单击 - > make link选项为您提供了将选定文本链接到另一个页面的选项。我试图用一个按钮做同样的事情,但右击一个按钮没有给出制作链接按钮。如何点击一个按钮将我带到另一个页面?

我正在尝试复制谷歌主页,这是我到目前为止的代码。

<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>

1 个答案:

答案 0 :(得分: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

在这三个选项中,第一个建议是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>