0

tt私はこれが不十分な質問であることを知っていますが、それを正しく行うために私はあなたの助けが必要です.

これは私のhtmlコードです

<form name="form1" class="form1">
<fieldset>
    <legend>Subscription</legend>
    <label for="subname">Name</label>
    <input type="text" name="subname" />
    <label style="padding-left:20px;" for="subemail">Your Email</label>
    <input type="text" name="subemail" />
</fieldset>
</form>
<div style="width:100%; font-size:14px;text-align:center;"><a href="#">Click here to subscribe</a>
</div>
<div class="subscribe"><a href="#"></a>
</div>

そしてここにフィドルがあります

http://jsfiddle.net/V8RB2/

「購読するにはここをクリック」というテキストとボタンをこのフォームに関連付けるにはどうすればよいですか?

4

4 に答える 4

1

私があなたを正しく理解しているなら、あなたはリンクがクリックされたときにフォームを送信したいと思っています. これを行うには、JavaScript を使用する必要があります。

これを行う簡単な方法は、リンクの onclick 属性でフォーム自体を送信するように指示することです。

<a onclick="form1.submit()" href="#">Click here to subscribe</a>

何が起こるかというと、リンクがクリックされたときにその onclick イベントをトラップしてから、form1 に自分自身を送信するように指示します。

于 2013-05-18T13:14:05.797 に答える
1

最も簡単な方法は、これをフォーム内のボタンにして、CSS を使用して必要に応じてスタイルを設定することです。

<input type="submit" id="button1" class="button1" name="subscribe" value="Click here to subscribe!" />

次にスタイルを設定します。

form input.button1 {
   style here
}
于 2013-05-18T13:15:24.397 に答える
1

以下は動作します。

<form name="form1" class="form1">
<fieldset>
<legend>Subscription</legend>
<label for="subname">Name</label>
<input type="text" name="subname" />
<label style="padding-left:20px;" for="subemail">Your Email</label>
<input type="text" name="subemail" />
</fieldset>
<a href="javascript:;" onclick="document.getElementByClass('form1').submit();">Click here to subscribe</a>

</form>
于 2013-05-18T13:25:40.390 に答える
0

リンクの href を次のように変更します。

href="javascript:document.forms['form1'].submit()"

または、それを onClick 属性として追加します。

無効化された JavaScript を迂回する手法で更新します。

<script>document.write('<a href="javascript:document.forms[\'form1\'].submit()">Click here to subscribe</a></div><div class="subscribe"><a href="#"></a>');</script><noscript><input type="submit" value="submit"></noscript>
于 2013-05-18T13:11:29.467 に答える