我目前正試圖通知用戶他們輸入的表單詳細信息。我不太清楚如何進行這項工作,但我想做的是1個html文件有“表單”和在action=“htmlfile2.url”中,用戶必須顯示他的輸入是什么。

所以目前我有兩個html文件第一個是要填寫的表格。第二個html文件是一個模式彈出窗口。在這個彈出窗口中,我想向用戶顯示他們輸入的詳細信息問題是用戶輸入的名稱必須出現在提交時的第二頁(單擊提交按鈕后,用戶將被定向到顯示模式的“htmlfile2”。到目前為止我只有這個。

HTML文件1

+

Name:

E-Mail:

What do you think about us?

How would you rate us ?

Excellent

Very Good

Average

Poor

Extremely Poor

SUBMIT

HTML文件2

Thank you ,
Your feedback has been recorded.

You commented that""
and rated our website "".

Thank you

for taking your time to do so.
You will now be re-directed automatically

兩個頁面的css文件(請注意,css文件包含其他頁面的樣式,這是整個css)

/*----------comment form----------*/

.feedback-background{

width: 100%;

height: 100%;

background-color: rgba(0,0,0,0.7);

position: absolute;

top: 0px;

display: flex;

align-items: center;

justify-content: center;

display:none;

}

.feedback-content{

width: 500px;

height: 550px;

background-color: white;

border-radius: 4px;

padding: 20px;

position:relative;

}

#submit{text-transform:uppercase;

padding:6px 2px;

margin-right: 40px;

margin-top: 20px;

background: #ee0c6e;

font-weight:600;

color:white;

border-radius: 3px;

font-size: 10px;

min-width: 100px;

text-decoration:none

}

input {

width: 50%;

display: block;

margin: 10px 0px;

}

label {

display: block;

}

input[type="radio"]{

width: auto;

display: inline;

}

.close{

position:absolute;

top:0px;

right:14px;

transform:rotate(45deg);

font-size:42px;

cursor:pointer;

}

#feedbacksubmit{

margin-left:600px;

margin-bottom:50px;

background-color:#484848;

border-radius:14px;

padding:10px;

cursor:pointer;

color:white;

outline:none;

}

/*-----popup----*/

.popup{

width: 100%;

height: 100%;

background-color: rgba(0,0,0,0.7);

position: absolute;

top: 0px;

display: flex;

align-items: center;

justify-content: center;

}

.popuptext{

width: 100px;

height: 350px;

background-color: #000025;

border-radius: 4px;

padding: 20px;

position:relative;

color:#fff;

width: 20%;

height:30%;

display: block;

margin: 10px 0px;

text-align:center;

margin-left:0px;

margin-bottom:80px;

}

我想做的是在第一個html(包含表單)提交之后,它必須直接指向第二個html,在那里它基本上說謝謝填寫表單的人在這里,我想訪問用戶添加到表單中的名稱(如果他輸入了“john”),我想在提交后的第二個html中說謝謝john(很抱歉caps只是為了突出顯示它)

如果有更好的辦法,請啟發我非常感謝大家。同時請注意,我只懂javascript。不知道如何使用JQuery或PHP

總結

以上是生活随笔為你收集整理的一个html表单赋给另一个表单,是否可以将表单输入到另一个html表单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。