如何添加描述性文本以形成链接.gif?

时间:2010-03-12 17:18:25

标签: css forms hyperlink

我想在表单链接周围打开描述性文本也打开表单。我想制作它,这样你就可以点击“Some Text Here”(下面)并打开somesomite.com上的表格,就好像你点击了这个文字下面的图片一样(somebut.gif,下面)

<DIV style="position: absolute; top:10px; right:10px; width:70px; height:25px">
<font color="white"><b>Some Text Here<b></font>
</div>
<DIV style="position: absolute; top:50px; right:10px; width:70px; height:25px">
<form action="https://www.somesite.com/cgi-bin/something" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="image" src="https://www.somesite.com/somebut.gif" border="0" name="submit">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----LONG_KEY...>
</form>
</div>

由于

2 个答案:

答案 0 :(得分:1)

为表单命名并使用JavaScript提交表单。您还应远离<font><b>标记;他们已被弃用了。

<!-- ... snip ... -->
<strong style="cursor: pointer; color: #FFF; " onclick="document.forms['someform'].submit(); ">Some Text Here</strong>
<!-- ... snip ... -->
<form name="someform" action="https://www.somesite.com/cgi-bin/something" method="post">
<!-- ... snip ... -->

如果您更喜欢使用锚标记来获取所有CSS伪类等,那么您可以执行此操作而不是裸<strong>标记:

<a href="#" style="font-weight: bold; text-decoration: none; color: #FFF; " onclick="document.forms['someform'].submit(); return false; ">Some Text Here</a>

最后,如果您不想使用JavaScript,那么您必须重新安排标记并添加一些CSS,如下所示:

<form action="https://www.somesite.com/cgi-bin/something" method="post">
    <input type="submit" value="Some Text Here" style="background: none; border: 0; font-weight: bold; color: #FFF; " />
    <input type="hidden" name="cmd" value="_s-xclick" />
    <input type="image" src="https://www.somesite.com/somebut.gif" border="0" name="submit" />
    <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----LONG_KEY..." />
</form>

根据需要添加<div>代码。

答案 1 :(得分:-1)

只需将“此处的一些文字包含在网站链接”

<a href="https://www.somesite.com/cgi-bin/something"><font color="white"><b>Some Text Here<b></font></a>