0

2 つの送信入力を含む HTML フォームがあります。1 つはアプリケーション フォームをリセットし、もう 1 つは次のレベルに進みます。

<form method="POST" action="#">
<input type="text" name="username" value="" required aria-required="true">
<input type="submit" name="info" value="Next Step">
<input type="submit" name="info" value="Reset">
</form>

ここで、ユーザー名フィールドに入力しない限り、ユーザーが続行できない「必須」タグを使用しました。

リセット ボタンは検証を必要としないため、リセット ボタンを除外する方法はありますか。

私が考えることができる1つの解決策は、リセットボタンをフォームの外側に配置することですが、両方のボタンを1行に配置し、そのうちの1つがDIVタグの内側にある場合、ボタンの配置に問題があります。フォームの外側に他のフォームがある場合、それらは一列に並ぶことはありません (私はたくさん試しましたが、うまくいきません!)。

これを処理する他の方法または回避策があるのだろうか...

4

4 に答える 4

2

を使用し<button type="reset">ます。検証されません。

于 2012-10-04T11:40:30.090 に答える
2

使用する<input type="reset" name="info" value="Reset">

これはフォームを送信しません。で検証を行うことができますinput type="submit"

于 2012-10-04T11:42:45.990 に答える
0

formnovalidate次の属性を使用します。

<input type="submit" name="info" value="Reset" formnovalidate>

ブラウザのサポートは制限されていますが、おそらくrequired属性とほぼ同じくらい制限されています。

注：値（ボタンテキスト）「リセット」は、ボタンがいわゆるリセットボタンであることを示唆しているため、誤解を招く可能性があります。これは、フォームに入力されたデータを完全に破棄しますが、サーバーとの対話を引き起こしません。このようなボタン（ほとんど使用されるべきではありませんが、一般的に使用されます）には、通常、「リセット」というラベルが付いています。

于 2012-10-04T11:54:29.237 に答える
0

両方のボタンが送信タイプに含まれているように見えますが、これはとにかくフォームで送信を行います。したがって、リセットボタンタイプを次のように使用できます

   <input type="reset" name="info" value="Reset">
于 2012-10-04T11:47:23.013 に答える