-1
これは私がゼロから作成したこのアドオンのブログページです。このコードの根底にある問題、特にボタンをクリックしたときに入力されたテキストを消去するはずのクリアボタンがあります。それは動作しません私はHTMLファイルとしてそれを保存している問題です。addentryページ上のクリアボタンは機能しません
また、他の問題は送信ボタンですが、インデックスファイルにテキストを渡すことはありません。私はこれをphpで書いています。何らかの理由で、送信ボタンをクリックするたびにリダイレクトされます私が作ったエントリーを投稿せずにインデックスページに戻ってきます。
クリアボタンコードの特にこの部分<!DOCTYPE html>
<html>
<head>
<script>
function message() {
alert("Clear the form?");
}
</script>
<style>
body {background-color: beige;}
h1 {color: black;}
p {color: black;}
textarea
{
width: 50%;
height: 150px;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: white;
font-size: 16px;
resize: none;
}
div
{
padding-left: 20px;
}
</style>
</head>
<meta charset="utf-8">
<link rel="stylesheet" href="../../main.css">
<title>Add an entry</title>
</head>
<body>
<div><h1>Add an entry</h1></div>
<div><p><b>Enter the title of the entry so the topic is clearly defined and then add the entry for the blog that you want to write about after finishing writing about your topic press the submit button to submit the entry which will be posted in the main page of the blog however if you wish to discard or clear your entry then press the clear button to remove your topic which you have written about.</b></p></div>
<form onreset="message()">
<p><label>Title</label>
<input type = "text" id = "myText"/></p>
<p><label>Entry</label>
<textarea>
<input type="clear">
</form>
<form>
<p><label>Title</label>
<input type = "text" id = "myText"/></p>
<p><label>Entry</label>
<textarea>
</textarea></p>
</form>
<form method="post" action="index.html">
<button type="submit" value="Submit">Submit</button> <input type="button" value="Clear" onclick="javascript:eraseText();">
</form>
</body>
</html>
：
<script>
function message() {
alert("Clear the form?");
}
</script>
<form onreset="message()">
<p><label>Title</label>
<input type = "text" id = "myText"/></p>
<p><label>Entry</label>
<textarea>
<input type="clear">
</form>
そして、これは、送信ボタンのコードです：
<form method="post" action="index.html">
<button type="submit" value="Submit">Submit</button>
<input type="button" value="Clear" onclick="javascript:eraseText();">
</form>
'
'action =" index.html "'あなたは、HTMLファイルをphpとしてここで扱いましたか？ –
Daleが指摘したように、 'reset'を使うことができるだけでなく、' eraseText（） 'が存在しないソースコードでも... – NewToJS