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

所以目前我有兩個html文件第一個是要填寫的表格。第二個html文件是一個模式彈出窗口。在這個彈出窗口中,我想向用戶顯示他們輸入的詳細(xì)信息問題是用戶輸入的名稱必須出現(xiàn)在提交時的第二頁(單擊提交按鈕后,用戶將被定向到顯示模式的“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只是為了突出顯示它)

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。