當前位置:首頁 » 網頁前端 » 製作客戶留言表單web
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

製作客戶留言表單web

發布時間: 2022-09-20 17:33:42

❶ 我想在html網頁特定的一塊地方,做一個在線留言的簡單留言板,並且能顯示出客戶留言。

只要付錢,各種功能都有

❷ 如何在網站內製作動態留言板,請詳解!

樓主可以去我的論壇看,裡面有圖片,看起來更方便些,下面這個留言本絕對可行的

http://bbs.polch.tf168.cn/mybbs/viewthread.asp?TopicID=224082&BoardID=103384&WebID=253977

一、安裝與調試

常聽朋友感嘆ASP程序難學不易懂,不過我起初學習這門技術的時候也有過這樣的感悟。從今天開始,我將以我學ASP的經驗來做一個簡單的ASP留言本,這個留言本用了Access資料庫,所以務必請大家要跟我一起做的朋友都安裝好Office軟體,相信各位自己的電腦上都有了。好了,開始。

創建ASP的運行環境(安裝IIS)

IIS(Internet Information Service)是構建ASP站點所必須的,所以,我們應該先確認自己的電腦已安裝了IIS信息服務,如果沒有安裝好的話,請按以下步驟:

1、打開「控制面板」

2、雙擊「添加/刪除程序」

3、單擊「添加/刪除Windows組件」,打開添加/刪除Windows組件對話框:

3、從下拉的列表中選擇「Internet 信息服務(IIS)」單擊「下一步」:

4、出現組件安裝進度窗口,如彈出需要安裝盤的話,放入Windows2000安裝盤,按提示操作即可。直至最後安裝完畢。

二、設計資料庫

ASP程序本身並不能儲存數據,眾所周知,留言本有以下信息需要保存:留言者姓名、聯系方式、留言內容等等。因為ASP並不能儲存數據,所以資料庫在這種環境之下就產生了。資料庫的種類也很多,針對不同的程序也有適用於它的資料庫,比如Access和Ms sql就比較適用ASP和ASP.net程序,至於其它的資料庫和程序,就不屬於本文所討論的問題了,有興趣的朋友可以查看其它一些資料。

那麼既然Access和MS SQL都適用ASP,那麼具體又如何來選擇呢?我們可以打一個比方:比如釘一枚小釘子,聰明的人一定不會用一個大的棒槌,而是選擇小的鐵錘,雖然用大的棒槌也一樣的可以把釘子釘進去,可是沒有人願意這樣做。

資料庫也一樣:Access比較適用小型的應用,而MS SQL則適用於大中型的資料庫應用,所以要做一個留言本,理所當然是選擇Access更好一些,但是如果你決心使用MS,沒有人會極力阻止你。好了,廢話少說,切入正題,下面開始創建資料庫。

Access是微軟office辦公軟體中的其中一個,默認的安裝Office是有這個Access的,好了,打開程序,開始了,GO!

進入實戰了。打開程序後,出現一個對話框,這里我們選擇第一個選項」空Access資料庫」點擊確定,彈出一個新建資料庫的文件框,選擇你上次你建的站點目錄,起個data的文件名,點擊創建,OK! 雙擊」使用設計器創建表」打開表創建窗口」如圖

創建表的結構如下表:

欄位名稱 數據類型 備注(筆者注釋)

id 自動編號 設置「自動編號」
user 文本 留言者姓名
qq 數字 留言者的QQ,因為QQ號是由數字組成
email 文本 留言者的電子郵件
content 備注 留言內容
data 日期/時間 留言時間,設定默認值為Now()

資料庫設計好了以後,可以直接在資料庫里添加兩條記錄,以後測試時候用!

三、連接資料庫

在上一節,我們已經為我們的程序創建了一個資料庫,在這一節中,我們來用ASP把程序和資料庫連接起來,以後就可以連接到資料庫、在ASP中顯示資料庫中的數據以及更復雜的插入、修改和刪除。
一起看以下代碼,這就是ASP程序中常用的連接資料庫的代碼:
<%
set conn=server.createobject("adodb.connection")
connstr="Provider=Microsoft.jet.oledb.4.0;data source="&server.mappath("data.mdb")
conn.open connstr
%>
解釋一下以上代碼:
<% 這是ASP程序的起始
set conn=server.createobject("adodb.connection") 在伺服器上創建了一個連接資料庫的對象
connstr="Provider=Microsoft.jet.oledb.4.0;data source="&server.mappath("data.mdb") 告訴ASP資料庫的接接方法以及路徑
conn.open connstr 創建了對象後就用來打開資料庫進行連接
%> 一切OK了!結束ASP程序

將上面的代碼另存為conn.asp文件,放在伺服器目錄下面就可以了。怎麼樣,簡單吧?

四、製作留言本首頁

前面我們已經連接好了資料庫,就要讓它在這里發揮一下作用了,這一節將講述如何將資料庫里的數據用ASP讀取出來,在頁面中顯示出來,這樣就等於是查看留言本了。

利用DW製作如下頁面(這里我就不講如何去做這個頁面了,最後我將會給出HTML代碼下載)

將製作好的文件存為index.asp,下面就創建數據記錄集,用來顯示資料庫的數據到這個頁面中:

用記事本打開index.asp,在頁頭加入以下代碼:

<%@LANGUAGE="VBScript" codepage="936"%>
<!--#include file="conn.asp"-->
<%
set rs=server.createobject("adodb.recordset")
sql="select user,qq,email,content,data from main order by id desc"
rs.open sql,conn,1,1
%>
代碼拷貝框
<%@LANGUAGE="VBScript" codepage="936"%>
<!--#include file="conn.asp"-->
<%
set rs=server.createobject("adodb.recordset")
sql="select user,qq,email,content,data from main order by id desc"
rs.open sql,conn,1,1
%>
[Ctrl+A 全部選擇 然後拷貝]

解釋一下:

第一行,表明ASP使用的是VB腳本
第二行,是用include包含文件,這里包含的是資料庫連接文件。
第三行,ASP程序開始
第四行,利用Server內置對象創建一個記錄集
第五行, SQL語句,這里的意思是選擇資料庫中的user,qq,email,content,data欄位,指定該數據表的名稱是「main」數據 的排列順序是倒序。
第六行,用剛才創建的名為rs的記錄集打開資料庫,設置屬性為只讀(1,1為只讀數據,1,3為插入數據,2,3是修改數據。

這樣就打開了資料庫,接下來就可以顯示了。

將「留言人」代替為「<%=rs("user")%>
「時間」代替為「<%=rs("data")%>
「留言內容在此」代替為「<%=rs("content")%>
「QQ」鏈接到:http://search.tencent.com/cgi-bin/friend/user_show_info?ln=<;%=rs("qq")%>
「郵件」鏈接到:mailt<%=rs("email")%>
最後將「填寫留言」鏈接 add.asp 「管理留言」鏈接 admin.asp

好了,再次保存,瀏覽看看!

怎麼了?只顯示一條記錄?原來我們在資料庫里添加了兩條記錄的哦!還有一條呢?別急,因為我們沒有指定ASP循環顯示,所以就只有一條啦。。。

在剛才的代碼後面添加一行

<%do while not rs.eof%>
並在頁面的第一個表格的末尾加上

<%
rs.movenext
loop
%>
上面的代碼就是說用rs記錄集指針一條一條往下一條移動,直到末尾,loop是循環的意思。。哈哈,再次瀏覽這個文件

看明白了嗎,這樣就可以讓資料庫中的數據全部顯示在頁面中了。

五、製作添加留言頁面,實現留言功能

我們是做的一個留言本,實現留言的功能就十分重要了,要不然就算不上留言本了,接下來就一起來實現這個功能。
用DW製作以下這樣的頁面:

設置表單的屬性如下:

姓名:設置為單行文本域,名稱為「user」
QQ號:設置為單行文本域,名稱為「qq」
郵件:設置為單行文本域,名稱為「email」
內容:設置為多行文本域,名稱為「content」
最後將表單的「Action」動作指向addsave.asp就可以了。

保存文檔名為add.asp,OK!下一步!

表單是做好了,但是還需要後台程序的支持,一起來使用ASP編寫一個添加留言處理程序,添加留言代碼:

<%@LANGUAGE="VBScript" codepage="936"%> 表明ASP使用的是VB腳本
<!--#include file="conn.asp"--> 是用include包含文件,這里包含的是資料庫連接文件
<%
set rs=server.createobject("adodb.recordset") 利用Server內置對象創建一個記錄集
sql="select user,qq,email,content,data from main" SQL語句,上節有詳解
rs.open sql,conn,1,3 用剛才創建的名為rs的記錄集打開資料庫,設置屬性為插入數據
rs.addnew 用記錄集新添加一條數據
user=request.form("user") 請求表單的變數,定義變數為user,這里request.form是請求表單的意思
qq=request.form("qq") 請求表單的變數,定義變數為qq,這里request.form是請求表單的意思
email=request.form("email") 請求表單的變數,定義變數為email,這里request.form是請求表單的意思
content=request.form("content") 請求表單的變數,定義變數為content,這里request.form是請求表單的意思
rs("user")=user 將請求到的表單值傳向記錄集中代表user欄位的名稱
rs("qq")=qq 將請求到的表單值傳向記錄集中代表qq欄位的名稱
rs("email")=email 將請求到的表單值傳向記錄集中代表email欄位的名稱
rs("content")=content 將請求到的表單值傳向記錄集中代表content欄位的名稱
rs.update 更新一下資料庫中的數據。
rs.close 關閉記錄集
set rs=nothing 銷毀記錄集
conn.close 關閉資料庫連接
set rs=nothing 銷毀資料庫連接
%>
代碼拷貝框
<%@LANGUAGE="VBScript" codepage="936"%> 表明ASP使用的是VB腳本
<!--#include file="conn.asp"--> 是用include包含文件,這里包含的是資料庫連接文件
<%
set rs=server.createobject("adodb.recordset") 利用Server內置對象創建一個記錄集
sql="select user,qq,email,content,data from main" SQL語句,上節有詳解
rs.open sql,conn,1,3 用剛才創建的名為rs的記錄集打開資料庫,設置屬性為插入數據
rs.addnew 用記錄集新添加一條數據
user=request.form("user") 請求表單的變數,定義變數為user,這里request.form是請求表單的意思
qq=request.form("qq") 請求表單的變數,定義變數為qq,這里request.form是請求表單的意思
email=request.form("email") 請求表單的變數,定義變數為email,這里request.form是請求表單的意思
content=request.form("content") 請求表單的變數,定義變數為content,這里request.form是請求表單的意思
rs("user")=user 將請求到的表單值傳向記錄集中代表user欄位的名稱
rs("qq")=qq 將請求到的表單值傳向記錄集中代表qq欄位的名稱
rs("email")=email 將請求到的表單值傳向記錄集中代表email欄位的名稱
rs("content")=content 將請求到的表單值傳向記錄集中代表content欄位的名稱
rs.update 更新一下資料庫中的數據。
rs.close 關閉記錄集
set rs=nothing 銷毀記錄集
conn.close 關閉資料庫連接
set rs=nothing 銷毀資料庫連接
%>

[Ctrl+A 全部選擇 然後拷貝]

將以上文件存為addsave.asp,測試下!咦?怎麼填好提交以後就出現空白了,為什麼?這是因為在addsave.asp中沒有設置數據成功提交好後的轉向頁面,這里不用做那麼復雜的,只要做一個刷新頁面就行了,在程序的後面加上:

<meta http-equiv="refresh" content="2;URL=index.asp">
然後在頁面中添加提示信息,比如:「您的留言已經成功提交,2秒鍾後將自動返回留言本首頁」

好了,這個留言的功能總算實現了,最後再測試下,看看效果!

OK!

六、製作管理登陸頁面

留言本的管理功能對於留言本來說就不言而喻了,像論壇的登陸功能就是一個很好的例子,不過我們做留言本基本上有刪除功能就行了,寫這個教程是為了更多的ASP入門者更好的了解ASP,所以旨在學慣用,當然也可以在這基礎上添加更多的功能,比如回復留言者。

好了,開始了,還是按照以前的,用Dreamweaver做一個登陸頁面,如下圖:

把用戶名的表單名稱設置為admin,密碼的表單名稱設為password,把動作指向checkpass.asp,,存admin.asp這樣登陸頁面就好了,

下面就做檢測密碼的ASP程序了,看以下代碼解釋:

<!--#include file="conn.asp"--> 把conn.asp包含進來連接資料庫
<% ASP起始
admin=request.form("admin") 定義admin的值是表單傳過來的用戶名域名稱admin
password=request.form("password") 定義admin的值是表單傳過來的用戶名域名稱admin
if admin="" or password="" then 這句的意思是假如用戶名和密碼沒有輸入的話那麼執行下一句
response.Write("<script language=javascript>alert(請填寫完整!);history.go(-1)</script>") 用javascript腳本提示用戶
end if 結束if語句
sql="select * from admin where admin="&admin&" and password="&password&"" 這句很重要,我們放到後面講
set rs=conn.execute(sql) 設定記錄集rs,用conn執行SQL語句
if rs.eof or rs.bof then 當沒有符合篩選結果時,則執行下面的句子
response.write "<script language=javascript>"
response.write "alert(用戶或密碼不對!);"
response.write "javascript:history.go(-1);"
response.write "</script>" 用javascript腳本提示用戶
else 如果符合條件的時候
session("admin")=admin 新建session,值等於表單傳來的用戶名
response.redirect "mymanage.asp" 轉向到mymanage.asp,進入管理頁
end if 結束if語句
%> ASP結束

代碼拷貝框
<!--#include file="conn.asp"--> 把conn.asp包含進來連接資料庫
<% ASP起始
admin=request.form("admin") 定義admin的值是表單傳過來的用戶名域名稱admin
password=request.form("password") 定義admin的值是表單傳過來的用戶名域名稱admin
if admin="" or password="" then 這句的意思是假如用戶名和密碼沒有輸入的話那麼執行下一句
response.Write("<script language=javascript>alert(請填寫完整!);history.go(-1)</script>") 用javascript腳本提示用戶
end if 結束if語句
sql="select * from admin where admin="&admin&" and password="&password&"" 這句很重要,我們放到後面講
set rs=conn.execute(sql) 設定記錄集rs,用conn執行SQL語句
if rs.eof or rs.bof then 當沒有符合篩選結果時,則執行下面的句子
response.write "<script language=javascript>"
response.write "alert(用戶或密碼不對!);"
response.write "javascript:history.go(-1);"
response.write "</script>" 用javascript腳本提示用戶
else 如果符合條件的時候
session("admin")=admin 新建session,值等於表單傳來的用戶名
response.redirect "mymanage.asp" 轉向到mymanage.asp,進入管理頁
end if 結束if語句
%> ASP結束

[Ctrl+A 全部選擇 然後拷貝]

將以上代碼保存為checkpass.asp

這樣,用戶在admin.asp頁面中輸入用戶名和密碼後,就把用戶名和密碼值傳給checkpass.asp處理,當用戶名和密碼的值和資料庫中的欄位相匹配時,就進入mymanage.asp這個管理頁面,同時建一個session,這個session的會話變數將在後面起作用,

七、製作管理頁面

上節中講的是製作登陸頁面和檢測用戶,當用戶名和密碼正確時就轉到管理頁面,好了,開始實現它。
其實這個留言本的管理頁面和用戶直接看到的首頁沒有多大的區別,只是用了Session會話變數用作保護和增加了一個刪除鏈接,當點擊這個鏈接的時候,就會自動刪除這條留言,好了,其本的目的知道了,那就GO!
剛才講了,這個頁面和首頁的index.asp相似,那麼就先復制就行了,然後再改一下

首先找到下面這句:
sql="select user,qq,email,content,data from main order by id desc"
把它改為
sql="select id,user,qq,email,content,data from main order by id desc"
這樣,就選取到了id這個自動編號的值,以便刪除留言時鎖定這個id。

然後在「郵件」這個鏈接後面增加一個鏈接「刪除」,鏈接:del.asp?id=<%=rs("id") ,修改代碼後為<a href="del.asp?id=<%=rs("id")%>" onclick="return confirm(是否確定刪除本留言?);">刪除</a> 這樣,待會我們做del這個頁的時候,就會知道為什麼了!

改過後存為mymanage.asp

現在打開瀏覽器看看!

怎麼不用輸入用戶名和密碼都可進入呀?別急,上節中,我們不是建了一個session的會話變數,這時就派上用場了,直接用記事本打開。在<%@LANGUAGE="VBScript" codepage="936"%>這句的後面加上<%if session("admin")<>"" then%>這句,在末尾寫上:
<%
else
response.Redirect("admin.asp")
end if%>
下面來講解一下。

<%if session("admin")<>"" then%> 就是說如果session這個("admin")的值不是空的話就執行。
<%
else
response.Redirect("admin.asp")
end if%> 為空的話就轉向登陸頁,重新登陸,這樣的話,直接輸入網址的話就會跳到admin.asp,簡單吧!

八、刪除留言
上節我們增加了一個刪除留言的鏈接,以下是這個del.asp的代碼

<!--#include file="conn.asp"-->
<%
set rs=server.createobject("adodb.recordset")
id=Request.QueryString("id")
sql="select * from main where id="&id
rs.open sql,conn,2,3
rs.delete
rs.update
%>
很明了吧,才幾句,第1、2、3句都不用我解釋了,大家都在上幾節中明白了。

第4句:
id=Request.QueryString("id") 用id取值字元串中傳的id,回頭看一下刪除的鏈接:del.asp?id=<%=rs("id")%> 就是這個鏈接才把id的值傳來的,<%=rs("id")%>是讀取資料庫中的自動編號欄位中的id。

第5句:

用sql定義SQL語句,這里的*是通配符,表示所有,而Where有點像我們漢語中的「當」,整句話的意思是選擇所有來自表名為main的欄位,它的條件是當資料庫中的id欄位是字串所傳來的id。如果這個沒有的話這個一時間不明白也不要緊,慢慢接觸就知道了。

第6句是打開符合條件的記錄,確切的講不應該叫記錄集了,因為經過我們這樣篩選的話,記錄絕對是一條,2,3指定可以對資料庫中的數據進入修改。

第7、8句

rs.delete 看了就明白了,原來這才是整個程序的精髓,就是執行刪除了。
rs.update 這是更新資料庫中的表,刪除後就更新。

最後大家自己用rs.close和conn.close釋放。

經過些學習,大家應該對ASP有所了解和認識了,這個做ASP留言本的教程就到此結束了。歡迎大家到新視野QQ群裡面共同討論學習。

❸ 如何用Dreamwaver製作類似留言本的表單

Dreamweaver經典技巧 http://webdesign.chinaitlab.com/dwjq/392785.html

❹ 網站的留言表格怎麼製作

要在表格外面插表單的 然後才能提交數據

❺ Dreamweaver中用表單製作了留言板,如何將內容提交後發到指定郵箱

解決思路: 關鍵點是設置表單的action屬性為」mailto:」+email地址。 具體步驟: 1.設置表單的action屬性為接收郵件的email地址,並設置表單的MIME編碼。 <form action="mailto:[email protected]" enctype="text/plain"> </form> 2.設置郵件主題和正文的輸入框 主題:<input name="subject" type="text"><br> 正文:<textarea name="body"></textarea><br> <input name="subject" type="text"> 3.設置抄送和密碼地址輸入框 抄送:<input name="cc" type="text"><br> 密送:<input name="bcc" type="text"><br> 4.完整代碼 <form action="mailto:[email protected]" enctype="text/plain"> 主題:<input name="subject" type="text"><br> 抄送:<input name="cc" type="text"><br> 密送:<input name="bcc" type="text"><br> 正文:<textarea name="body"></textarea><br> <input type="submit"> </form> 注意: 表單的action值的格式必須為"mailto:目標Email地址",這個跟做Email鏈接時類似。 enctype(MIME編碼)必須設置為"text/plain"(文本),否則收到的郵件是亂碼。 表單的method屬性不能設置為post,必須為get(默認不設置時為get),否則郵件的格式跟用戶輸入的不符合。 技巧:如果要直接做成鏈接,可以把這些參數值寫到鏈接里,例如: <a href="mailto:[email protected][email protected],[email protected][email protected]&body=hello world!">mailto</a> 填寫表單後單擊提交按鈕,將彈出一個確認框,單擊【確定】按鈕,將自動調用用戶的默認郵件收發軟體來編輯郵件。 也就是說需要用戶計算機里的郵件收發軟體來發送,而且用戶必須先要設置好郵件收發軟體。 如果要程序自動發送,則必須要伺服器端程序支持,如asp,php等。asp程序接收到你提交的內容後經過處理,然後再調用CDONTS或Jmail組件來發送,而且伺服器端也需要一個可用SMTP伺服器來完成發送。

❻ 如何製作網站 web

第一步:建站系統選擇
不懂技術和設計的情況下,你就需要用到自助建站系統了,需要找網頁製作公司的模板,這樣可以讓你零基礎做出一個比較美觀的網站。後台都是可視化操作,模板設計感強,簡潔典雅,做出來的網站效果也非常好。


第二步:頭圖設計
訪客打開你的網站後,瀏覽順序一般是從上至下……因此,若想快速吸引訪問者注意力,就一定要重視頭圖banner!讓客戶感受到視覺上的美觀和愉悅,而不是看了你網站一眼就迅速關掉。頭圖一定要要足夠顯眼、吸睛。讓客戶一眼明白你是干什麼的,千萬不要太啰嗦,免得浪費客戶時間。

第三步:詳細信息展示
在標題頭圖之下,一般是企業簡介、重要產品展示、團隊成員、詳細業務介紹、媒體報道等,網站靠後部分則是留言表單、聯系方式。中間可以根據需求添加商城、博客等版塊。這樣的版塊排列順序比較有邏輯,便於客戶理解。

如何製作網頁,添加這樣的功能呢?在上線了網站編輯器點擊左側【添加新版塊】,可以添加各種功能——商城、定價表、相冊、產品展示、大尺寸媒體、留言表單、橫向布局、縱向布局等。版塊的布局、順序均可調整,版塊內的文字內容、圖片也可隨時更改。


第四步:加強客戶聯系
網站是從互聯網引流的好渠道,你可以在網站底部添加自己的社交媒體平台按鈕,吸引客戶關注你,進而為自己積攢私域流量。

第五步:發布上線
在網站後台的「設置」里你可以設置網站域名、標題、logo等等。全部做好並預覽無誤後點擊左下角的「上線」,就成功發布自己的網站了。

❼ 如何用Dreamweaver製作留言板

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
#da{
border:1px solid #FF0000;
width:800px;
}

.a{
border:1px solid #0066CC;
width:800px;
height:30px;
line-height:30px;
}

.a1{
border:1px solid #0066CC;
width:60px;
height:30px;
line-height:30px;
float:left;
}
.a2{
border:1px solid #0066CC;
width:180px;
height:30px;
line-height:30px;
float:left;
}
.a3{
border:1px solid #0066CC;
width:400px;
height:30px;
line-height:30px;
float:left;
}
.a4{
border:1px solid #0066CC;
width:80px;
height:30px;
line-height:30px;
float:left;
}

</style>

<script type="text/javascript">
//dom節點的操作: 節點(標簽元素):創建標簽元素 往對象中添加 刪除標簽元素

/* 創建標簽元素 document.createElement();
添加子節點: xxx.appendChild(yyy); 在xxx對象中,添加yyy對象
刪除子節點: xxx,remove(yyy) 在xxx對象中,刪除yyy對象
*/

function aaa(){
var tv = document.getElementById("ta").value;
if(tv==""){
alert("評論不能為空!");
return; //結束方法
}

var x = document.createElement("div"); //創建一個新的div標簽對象 創建:<div></div>
x.className = "a"; //給x對象的class屬性,設置值; <div class="a"></div>

var x1 = document.createElement("div");
x1.className = "a1";
x1.innerHTML = "遊客";

var x2 = document.createElement("div");
x2.className = "a2";
var d1 = new Date();
var year = d1.getFullYear();
var month = d1.getMonth()+1;
var date = d1.getDate();
var hour = d1.getHours();
var minute = d1.getMinutes();
var second = d1.getSeconds();
x2.innerHTML = year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;

var x3 = document.createElement("div");
x3.className = "a3";
x3.innerHTML = tv;

var x4 = document.createElement("div");
x4.className = "a4";
x4.innerHTML = "<input type='button' value='刪除' onclick='del(this)'>";

//被包含的節點叫子節點,包含子節點的叫父節點

x.appendChild(x1); //給x對象添加子節點!
x.appendChild(x2);
x.appendChild(x3);
x.appendChild(x4);
document.getElementById("da").appendChild(x);
document.getElementById("ta").value = "";
}

//obj代表你點擊的那個按鈕對象
function del(obj){
if(confirm("確定要刪除?")){
var da = document.getElementById("da");
//obj.parentNode 獲得obj的父節點 :包含按鈕的div對象
da.removeChild(obj.parentNode.parentNode); //給da對象刪除子節點

}

}

</script>
</head>

<body>
請留言:<br>
<textarea rows="8" cols="50" id="ta"></textarea><br>
<input type="button" value="發布" onclick="aaa()"><br>

<div id="da">

<div class="a">
<div class="a1">用戶名:</div>
<div class="a2">時間:</div>
<div class="a3">內容:</div>
<div class="a4">操作:</div>
</div>

</div>

</body>
</html>

❽ 如何製作通過網頁上留言板給郵箱發郵件

1.將你做好的網頁上傳到網路上,
2.點擊上傳的網頁--全選--復制
3.發郵件:在郵件內容里黏貼
4.郵件有一個超鏈接,點擊輸入你網頁所在處的網址
5.發送

❾ 誰能給我一個WEB程序設計的簡單留言板

sdmessage.asp文件是留言板的留言頁面,也是留言的顯示頁面,其代碼如下:
<%
if not request.form("message")=""then
Set FS=Server.CreateObject("Scripting.FileSystemObject")
Set Ts= Fs.OpenTextFile(""&server.mappath("sdmessage.txt")&"",8)
Ts.WriteLine(request.form("message"))
end if
%>
<html><head><title>盛達公司留言板</title></head>
<body>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="300">
<tr>
<td width="100%" height="30">
<p align="center">江西盛達公司留言板</td>
</tr>
<tr>
<td width="100%">
<form method="POST" action="">
<p align="center">
<textarea rows="4" name="message" cols="40"></textarea></p>
<p align="center"><input type="submit" value="提交"></p>
</form>
</td>
</tr>
<tr>
<td width="100%">留言:
</td>
</tr>
<tr>
<td width="100%">
<%
Set FS=Server.CreateObject("Scripting.FileSystemObject")
Set Ts= Fs.OpenTextFile(""&server.mappath("sdmessage.txt")&"")
Do While Not Ts.AtEndOfStream
Response.Write Ts.ReadLine & "<br>" ' 逐行讀取,直到文件結尾
Loop
%>
</td></tr></table>
</center></div>
</body></html>
說明:
▲ if not request.form("message")=""then
用於驗證用戶輸入留言不為空。不過,一些驗證信息最好設計在客戶端進行,即當客戶端向伺服器提交表單信息時,先驗證表單信息是否符合要求,如果符合則提交,如果不符合,則給出提示信息,這樣做可以在一定程度上減輕伺服器的負擔。客戶端驗證可以是JavaScript或VBScript腳本,VBScript腳本參見前面VBScript章節的相關範例。下面是用JavaScript腳本進行輸入驗證,在頁面中所需要插入JavaScript腳本如下。
<script language="JavaScript">
<!--
function check_null(){
if (document.form1.message.value==""){
alert("請輸入留言!");
return false;
}
return true;
}
// -->
</script>
同時,表單標識符<form>的屬性代碼要改為:<form method="POST" action="" name="form1" onsubmit="javascript: return check_null()">,表示用戶單擊表單遞交按鈕後,先進行客戶端表單輸入驗證,如果驗證合格,則將表單內容發送到伺服器由相關頁面進行處理。

❿ web編程 留言板代碼實現留言板輸入和查看…

其實這個挺簡單的,代碼如下留言板輸入代碼,在form表單中插入: <textarea name="liuyan" rows="4" cols="60" ></textarea>查看留言的代碼://下面方法trans的作用是將string中的回車符號換位<br> 下面有兩種方法<%!string trans(String str){str=str.replace("\n", "<br>");return str;}%>或者<%!StringBuffer trans(StringBuffer str){for(int i=0;i<str.length();i++){if(str.substring(i,i+1).equal("\n")){str.delete(i,i+1);str.insert(i,"<br>");}}return str;}%> String str=request.getParameter("liuyan");//獲取form表單提交的留言 str=trans(str);// 調用第一個方法 StringBuffer str=new StringBuffer(str); str=trans(str);//調用第二種方法 out.println(" 你的留言是<br>"+str); 以上代碼就可以實現留言板輸入和查看啦 希望能解決你的問題啊