“輸入類型=“提交””不顯示為按鈕

Question

我正在嘗試創建一個基於 Web 的測驗應用程序，其中測驗通過表單輸入，然后輸入到文本文件中。 這將分別從文本文件中讀取給用戶。 但是，我的提交按鈕不起作用，我的布局有誤嗎？ 然后，我們的想法是逐行讀取文本文件，調用這些行定義的值，並在單獨的網頁上以無線電格式顯示選項。 此外，我希望添加一個名為“添加問題”的新按鈕，它將問題和 3 個答案輸入文本添加到表單底部，使其能夠響應用戶。 我是否必須使整個表單成為一個函數並調用它？

 function WriteToFile(passForm) { set fso = CreateObject("Scripting.FileSystemObject"); set s = fso.CreateTextFile(“using theseee / this.txt ", True); var year = document.getElementById('year'); var class = document.getElementById('class'); var topic = document.getElementById('topic'); var title = document.getElementById('title'); var question = document.getElementById('question'); var option1 = document.getElementById('answer1'); var option2 = document.getElementById('answer2'); var option3 = document.getElementById('answer3'); s.writeline(“Title: " + title); s.writeline(“Question: " + question); s.writeline(“Option1: " + answer1); s.writeline(“Option2: " + answer2); s.writeline(“Option3: " + answer3); s.writeline("-----------------------------"); s.Close(); }

 <html> <head> <title>Quiz Form</title> <link rel=“stylesheet” href=“TRYstyle.css”> </head> <body> <h3>Quiz form</h3> <table> <form onSubmit=“WriteToFile(this.txt)”> <tr> <td>Title</td> <td><input type=“text” placeholder=“Title” name=“title” id=“title” maxlength=“200”/></td> </tr> <tr> <td>Question</td> <td><input type=“text” placeholder=“Question” name=“question” id=“question” maxlength=“200”/></td> </tr> <tr> <td>Answer</td> <td><input type=“text” placeholder=“Answer” name=“answer1” id=“answer1” maxlength=“200”/></td> </tr> <tr> <td>Answer</td> <td><input type=“text” placeholder=“Answer” name=“answer2” id=“answer2” maxlength=“200”/></td> </tr> <tr> <td>Answer</td> <td><input type=“text” placeholder=“Answer” name=“answer3” id=“answer3” maxlength=“200”/></td> </tr> <tr> <input type=“submit” value=“Submit”> </tr> </form> </table> </body> </html>

Answer 1

您的 HTML 無效。

表單不能是表格元素的子元素，輸入不能是表格行元素的子元素。

只有表格單元格可以是表格行的子項。

此外，您不能使用“ （左雙引號）來分隔屬性值。 只有" （引號）或' （撇號）。

使用驗證器。

旁白：一旦你解決了這個問題，你會發現Scripting.FileSystemObject不能用於 Web 瀏覽器。 您不能使用瀏覽器端 JS 寫入任意文件。

Answer 2

你的雙引號是錯誤的。

這是它的樣子：

<input type=“submit” value=“Submit”>

這是它需要的樣子：

<input type="submit" value="Submit">

由於雙引號，類型無法識別，默認情況下輸入類型為文本。 這就是為什么你有這個問題。

Answer 3

你有多個問題。

首先，使用正確的引號有助於解決很多問題。
將提交按鈕放在 td 元素中，這樣它就不會直接放在一行中。
您在 javascript 中使用class作為變量名，這是不允許的。

 function WriteToFile(passForm) { //No Idea what this is. Wont work in snippet //set fso = CreateObject("Scripting.FileSystemObject"); //set s = fso.CreateTextFile(“using theseee / this.txt ", True); //use the correct quotes var year = document.getElementById('year'); //it's not allowed to use class as a variable var classEl = document.getElementById('class'); var topic = document.getElementById('topic'); var title = document.getElementById('title'); var question = document.getElementById('question'); var option1 = document.getElementById('answer1'); var option2 = document.getElementById('answer2'); var option3 = document.getElementById('answer3'); //use the correct quotes console.log("Title: " + title); console.log("Question: " + question); console.log("Option1: " + answer1); console.log("Option2: " + answer2); console.log("Option3: " + answer3); console.log("-----------------------------"); s.Close(); }

 <html> <head> <title>Quiz Form</title> <link rel=“stylesheet” href=“TRYstyle.css”> </head> <body> <h3>Quiz form</h3> <table> <form onSubmit="WriteToFile(this.txt)"> <tr> <td>Title</td> <td><input type="text" placeholder="Title" name="title" id="title" maxlength="200"/></td> </tr> <tr> <td>Question</td> <td><input type="text" placeholder="Question" name="question" id="question" maxlength="200"/></td> </tr> <tr> <td>Answer</td> <td><input type="text" placeholder="Answer" name="answer1" id="answer1" maxlength="200"/></td> </tr> <tr> <td>Answer</td> <td><input type="text" placeholder="Answer" name="answer2" id="answer2" maxlength="200"/></td> </tr> <tr> <td>Answer</td> <td><input type="text" placeholder="Answer" name="answer3" id="answer3" maxlength="200"/></td> </tr> <tr> <td colspan="2"> <input type="submit"> </td> </tr> </form> </table> </body> </html>

“輸入類型=“提交””不顯示為按鈕

問題描述

3 個解決方案

解決方案1
0 2019-03-04 13:05:28

解決方案2
0 2019-03-04 13:07:19

解決方案3
0 2019-03-04 13:17:17

“輸入類型=“提交””不顯示為按鈕

問題描述

3 個解決方案

解決方案1 0 2019-03-04 13:05:28

解決方案2 0 2019-03-04 13:07:19

解決方案3 0 2019-03-04 13:17:17

解決方案1
0 2019-03-04 13:05:28

解決方案2
0 2019-03-04 13:07:19

解決方案3
0 2019-03-04 13:17:17