好的..这可能是一个愚蠢的问题,但我是Dreamweaver的新手。我知道右键单击 - > make link选项为您提供了将选定文本链接到另一个页面的选项。我试图用一个按钮做同样的事情,但右击一个按钮没有给出制作链接按钮。如何点击一个按钮将我带到另一个页面?
我正在尝试复制谷歌主页,这是我到目前为止的代码。
<body>
<div align="center">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </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" />
<input type="submit" name="button2" id="button2" value="I'am Feeling lucky" />
</p>
<p> </p>
</div>
</body>
答案 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" />
<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;
}
在这三个选项中,第一个建议是IMO最好的方式。
顺便说一句,不要使用
,因为它并不总是适用于每个浏览器(某些浏览器过去只读取第一个浏览器),而是使用样式/ css并使用Left
或Padding
或Margin
(取决于您的代码/设置/设计) - 尽管您最好不要制作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>