2016-11-22 5 views
1

私は自分の入力タイプのリセットボタンをフォームの中に入れましたが、まだ動作していません。リセットボタンがhtml(php)で動作しません

<form method='post' action='process/update_news_action.php' > 
<tr> 
    <td colspan='2' class="col-md-4">Update News Content</td> 
</tr> 
<tr > 
    <td colspan='2' class="col-md-8"><textarea name="news" id="text"><?php echo $rows["news"] ; ?></textarea></td> 
</tr> 
<tr> 
    <td class="col-md-4"><input name='submit' type="submit" value='Publish' class="btn btn-success" /></td> 
    <td class="col-md-4"><input name='reset' type="reset" value='Reset' class="btn btn-primary" /></td> 
</tr> 
</form> 

は、私はまた、あなたが、それは間違いなく動作します。このような形で<input type="reset">を置くべき<button type="reset" value="Reset">Reset</button>

+0

*どうやって*?フォームの中にありますか? – Qirel

+0

フルコードをここに配置 –

+0

あなたのコード全体を貼り付けるか、わかりやすくするためにSOのスニペットを使用してください。 – RJParikh

答えて

0

を試してみました

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<meta charset="ISO-8859-1"> 
 
<title>Tring Reset</title> 
 
<style> 
 
</style> 
 
</head> 
 
<body> 
 
<form> 
 
<input type="text"></input> 
 
<input type="text"></input> 
 
<input type="text"></input> 
 
<input type="text"></input> 
 
<input type="text"></input> 
 
<input type=reset></input> 
 
</form> 
 
</body> 
 
</html>

0
あなたは自分を配置する必要があり

フォーム内のリセットボタン。次のコードでは、1つの入力ボックスを例として取り上げました。私はそれが助けて欲しい

<form> 
 
\t <input type="text" /> 
 
    \t <table> 
 
     <td class="col-md-4"> 
 
     <input name='reset' type="reset" value='Reset' class="btn btn-primary" /> 
 
     </td> 
 
    \t </table> 
 
</form>

1

私はあなたのHTMLformタグを挿入するのを忘れたと思います。

<form> 
 
    <input type="text"> 
 
    <td class="col-md-4"> 
 
     <input name='reset' type="reset" value='Reset' class="btn btn-primary" />  
 
    </td> 
 
</form>

0

あなたはこの

<form method='post' action='process/update_news_action.php' > 

               <tr> 
               <td colspan='2' class="col-md-4">Update News Content</td> 

               </tr> 
               <tr > 
                <td colspan='2' class="col-md-8"><textarea name="news" id="text"></textarea></td> 
               </tr> 
               <tr> 
                <td class="col-md-4"><input name='submit' type="submit" value='Publish' class="btn btn-success" /> </td> 
               <td class="col-md-4"><input name='reset' type="reset" value='Reset' class="btn btn-primary" /> </td> 
               </tr> 

             </form> 
を試してみてください テキストエリア内では何もエコーせずに

を試してみてくださいすることができます:それはあなたがこのよう.somethingを<form>..button code here..</form>にボタンのコードを挿入する場合は、作業する必要があります

リセットボタンが正常に機能していると思います。

0

@Jaspreet Kaurフォームタグをテーブルの外に追加する必要があります。私の前のコメントを確認してください。

5

リセットボタンがフォームを空にすることを期待している場合は、リセット動作ではありません。ページがロードされたときのフォームフィールドをに変更すると、にリセットされます。この場合、フォームにコンテンツがあらかじめ埋め込まれているので、リセットをクリックすると、ページの読み込み以降にユーザーの変更が元に戻されます。

すべてのフォームフィールドを空白/無しにリセットするには、javascriptが必要です。最初にフォームDOMオブジェクトを取得し、リセットするすべての入力タイプを繰り返し、field.value = ''(入力テキストタイプ/テキストエリア)を設定するか、(選択、ラジオ、チェックボックスなどの)属性を変更して選択解除します。それを関数に変換してください(デフォルトのアクションを実行しない場合は、リセットボタンのonclick(およびreturn false)を設定してください)。

編集:クイック検索では、空の値にはhow to clear a formという基本的な例があります。

関連する問題