網頁表單製作
好像不能夠這樣子吧
你先把表單數據提交到一個後台頁面
在後台頁面處理好後再發送到郵箱就可以了
Ⅱ 網頁製作 注冊表單怎麼做
1、進入Dreamweaver cs5或6，點擊上邊的「插入」，或者右邊的」插入框「。插入框可以在上方的查看中找到內並打開容，默認是在右邊，可以拖動。如圖：
Ⅲ 網頁製作中的表單應該如何設計
1、盡量讓表單一目瞭然
用戶瀏覽網站的時候，通常會快速掃視來獲取信息，看看網站內容和設計是否對他們的胃口或者符合需求，再決定要如何應對、交互。表單也是一樣的道理。一目瞭然的表單能讓用戶立刻知道他們需要填寫多少信息，以及如何提交表單。
更多平面設計知識，請咨詢華南平面設計學校。
2、考慮使用浮動的提示文本
對於是否要在表單的輸入框中加入提示文本有很多爭論，其中主要的爭論圍繞在一點上：當用戶點擊輸入框，游標出現准備輸入的時候，其中的提示文本並沒有自動消失，而需要手動刪除之後再才能輸入。這就非常尷尬了。
3、使用表單格式掩碼
格式掩碼能夠提醒用戶輸入的內容的格式，欄位的長短大小，對於表單的可用性有明顯提升。在用戶激活輸入框的時候，格式掩碼會出現，它會幫助用戶格式化輸入信息，避免提交的時候出錯。格式掩碼常見於數字輸入的時候。
4、把表單設計得易於輸入
你無法確知用戶使用的是手機還是電腦在瀏覽你的網頁，輸入你的表單，但是它應該對於各種輸入設備都足夠友好才行。考慮到你的表單可能會是不同類型的鍵盤輸入的，所以你應該根據表單欄位屬性和檢測到的鍵盤類型，進行適配。
5、選擇垂直單列布局
對於用戶而言，垂直單列的布局比起多列的布局更容易使用。當用戶瀏覽的時候，只需要向下瀏覽即可，不用來回翻看，也可以很好的避免填寫過程中的遺漏。
6、控制輸入內容
盡量使用瀏覽器的記憶功能和Cookie，調用數據將表單中常見的欄位預先填充進去。沒有什麼比打開表單其中的多數欄位已經自動填寫進去，更讓人興奮的了。
7、讓表單短而美
當你設計表單的時候，總想從用戶那兒盡可能多的獲取信息，一定要剋制住這個沖動!
只在表單中呈現重要信息，讓用戶盡可能少的填寫。如果稍後需要提供更多的信息，可以在其他的地方諸如電子郵件中向用戶獲取信息。當用戶已經完成注冊之後，你們後續推送信息、相互溝通、獲取信息的機會更多了。
盡量只保留必要的欄位供用戶填寫，不要提供冗餘的選項，讓表單小而美。
Ⅳ 網頁設計的表單怎麼弄
以下是源代碼，輸入正確的密碼(www.chinaitz.com)，跳轉到的網址為 http://www.chinaitz.com
復制以下源代碼，改名為 chinaitz.html 後運行即可
==================================================================
<!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=utf-8" />
<title>www.chinaitz.com</title>
</head>
<body>
<form id="chinaitzform" name="chinaitzform" method="post" action="chinaitz.html">
<label>
<input type="password" name="password" id="password" />
</label>
<p>
<label>
<!-- input type="submit" name="button" id="button" value="提交" /-->
<input class="submit" value="提交" name="chinaitz" onclick="javascript:checkvalue();return false;" type="button">
</label>
</p>
<script LANGUAGE="JavaScript">
function checkvalue()
{
if(document.chinaitzform.password.value=="")
{
alert("密碼不能為空！");
return(false);
}
if(document.chinaitzform.password.value!="www.chinaitz.com")
{
alert("密碼輸入錯誤！");
return(false);
}
document.chinaitzform.submit();
return(window.open('http://www.chinaitz.com'));
}
</script>
</form>
</body>
</html>
==================================================================
Ⅳ 用JavaScript製作一個表單
<html>
<metahttp-equiv="Content-Type"content="text/html;charset=gb3212"/>
<head>
<styletype="text/css">
div{margin:4pxauto;text-align:center;}
label{display:inline-block;text-align:right;width:100px;margin-right:10px;}
button{margin:4px;}
input{width:150px;}
</style>
<script>
//沒用使用jquery,如果是jquery，會更容易一些。
window.onload=function(){
varform=document.createElement("form");
form.setAttribute("method","post");
form.append(createRow("username","text","用戶名:"));
form.append(createRow("userpwd","password","密碼:"));
form.append(createRow("reuserpwd","password","確認密碼:"));
form.append(createRow("useremail","text","電子郵件:"));
vardiv=document.createElement("div");
varbtn=document.createElement("button");
btn.setAttribute("type","button");
btn.append(document.createTextNode("驗證"));
btn.onclick=function(){returncheckform(false);}
div.append(btn);
btn=document.createElement("button");
btn.setAttribute("type","submit");
btn.append(document.createTextNode("提交"));
btn.onclick=function(){returncheckform(true);}
div.append(btn);
form.append(div);
document.body.append(form);
}
functioncreateRow(_name,_type,_text){
vardiv=document.createElement("div");
div.append(createLabel(_text));
div.append(createTextBox(_name,_type));
returndiv;
}
functioncreateTextBox(_name,_type){
vartxt=document.createElement("input");
txt.setAttribute("type",_type);
txt.setAttribute("name",_name);
returntxt;
}
functioncreateLabel(_text){
varlbl=document.createElement("label");
lbl.append(document.createTextNode(_text));
returnlbl;
}
functioncheckform(bln){
varform=document.forms[0];
if(form.username.value.length<4){
alert("用戶名至少包含4個字元");
returnfalse;
}
if(form.userpwd.value.length<8){
alert("密碼至少包含8個字元");
returnfalse;
}
if(form.userpwd.value!=form.reuserpwd.value){
alert("兩次密碼不一致");
returnfalse;
}
if(!(/^[a-z0-9]+([._\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/gi).test(form.useremail.value)){
alert("郵箱不符要求");
returnfalse;
}
if(!bln){alert("驗證通過");}
returnbln;
}
</script>
</head>
<body>
</body>
</html>
Ⅵ 用表格和表單製作如下網頁。完整html代碼
1、使用標簽<table></table>定義網頁的表格,使用style賦值類型將顯示在網頁。
Ⅶ 如何用表單做網頁
DIV+CSS的優勢何在？
1：表現和內容相分離
將設計部分剝離出來放在一個獨立樣式專文件中，HTML文件中只存放文本信息屬。符合W3C標准，微軟等公司均為W3C支持者。這一點是最重要的，因為這保證您的網站不會因為將來網路應用的升級而被淘汰。
2：提高搜索引擎對網頁的索引效率
用只包含結構化內容的HTML代替嵌套的標簽，搜索引擎將更有效地搜索到你的網頁內容，並可能給你一個較高的評價。
3：代碼簡潔，提高頁面瀏覽速度
對於同一個頁面視覺效果，採用CSS+DIV重構的頁面容量要比TABLE編碼的頁面文件容量小得多，代碼更加簡潔，前者一般只有後者的1/2大小。對於一個大型網站來說，可以節省大量帶寬。並且支持瀏覽器的向後兼容，也就是無論未來的瀏覽器大戰，勝利的是IE7或者是火狐，您的網站都能很好的兼容。
4：易於維護和改版
樣式的調整更加方便。內容和樣式的分離，使頁面和樣式的調整變得更加方便。你只要簡單的修改幾個CSS文件就可以重新設計整個網站的頁面。現在YAHOO,MSN等國際門戶網站，網易，新浪等國內門戶網站，和主流的WEB2.0網站，均採用DIV+CSS的框架模式，更加印證了DIV+CSS是大勢所趨。
Ⅷ 製作一個很簡單網頁表單代碼
<html>
<head>
<title>進入下一頁嗎</title>
<script language="JavaScript" type="text/javascript">
var http="zjc.ncu.cn/fws";//預設的網址
var url="next.html";//正確後轉到網址
function gohttp(o){
if(o.http.value==http){
document.location.reload(url);}
}
</script>
</head>
<body style=" text-align:center"><form action="" method="get">請輸入網址：<input name="http" type="text" size="40" /><br>
<input type="button" onClick="gohttp(this.form);" value="進入">
</form>
</body>
</html>
將以上內容復制到記事本版後，另存為"xxx.html"
對回答權的內容有問題，或認為不妥，網路消息我。
（在消息的內容里加上問題的網址哦）
Ⅸ 網頁表單的製作詳細點
HTML表單(Form)是HTML的一個重要部分，主要用於採集和提交用戶輸入的信息。
舉個簡單的例子，一個讓用戶輸入姓名的HTML表單(Form)。示例代碼如下：
<form action="http://www.blabla.cn/asdocs/html_tutorials/yourname.asp" method="get">
請輸入你的姓名：
<input type="text" name="yourname">
<input type="submit" value="提交">
</form>
學習HTML表單(Form)最關鍵要掌握的有三個要點：
表單控制項(Form Controls)
Action
Method
先說表單控制項(Form Controls)，通過HTML表單的各種控制項，用戶可以輸入文字信息，或者從選項中選擇，以及做提交的操作。比如上面的例句里，input type= "text"就是一個表單控制項，表示一個單行輸入框。
用戶填入表單的信息總是需要程序來進行處理，表單里的action就指明了處理表單信息的文件。比如上面例句里的http://www.blabla.cn/asdocs/html_tutorials/yourname.asp。
至於method，表示了發送表單信息的方式。method有兩個值：get和post。get的方式是將表單控制項的name/value信息經過編碼之後，通過URL發送(你可以在地址欄里看到)。而post則將表單的內容通過http發送，你在地址欄看不到表單的提交信息。那什麼時候用get，什麼時候用post呢？一般是這樣來判斷的，如果只是為取得和顯示數據，用get；一旦涉及數據的保存和更新，那麼建議用post。
HTML表單(Form)常用控制項(Controls)
HTML表單(Form)常用控制項有：
input type="text" 單行文本輸入框
input type="submit" 將表單(Form)里的信息提交給表單里action所指向的文件
input type="checkbox" 復選框
input type="radio" 單選框
select 下拉框
textArea 多行文本輸入框
input type="password" 密碼輸入框(輸入的文字用*表示)
表單控制項(Form Control)：單行文本輸入框(input type="text")
單行文本輸入框允許用戶輸入一些簡短的單行信息，比如用戶姓名。例句如下：
<input type="text" name="yourname">
演示示例 演示示例 里的信息提交給表單里action所指向的文件。
表單控制項(Form Control)：復選框(input type="checkbox")
復選框允許用戶在一組選項里，選擇多個。示例代碼：
<input type="checkbox" name="fruit" value ="apple">蘋果<br>
<input type="checkbox" name="fruit" value ="orange">桔子<br>
<input type="checkbox" name="fruit" value ="mango">芒果<br>
用checked表示預設已選的選項。
用checked表示預設已選的選項。
<input type="checkbox" name="fruit" value ="orange" checked>桔子<br>
表單控制項(Form Control)：單選框(input type="radio")
使用單選框，讓用戶在一組選項里只能選擇一個。示例代碼：
<input type="radio" name="fruit" value = "Apple">蘋果<br>
<input type="radio" name="fruit" value = "Orange">桔子<br>
<input type="radio" name="fruit" value = "Mango">芒果<br>
比如密碼。因為用戶輸入的時候？
用checked表示預設已選的選項。
<input type="radio" name="fruit" value = "Orange" checked>桔子<br>
表單控制項(Form Control)：下拉框(select)
下拉框(Select)既可以用做單選，也可以用做復選。單選例句如下：
<select name="fruit" >
<option value="apple">蘋果
<option value="orange">桔子
<option value="mango">芒果
</select>
如果要變成復選，加muiltiple即可。用戶用Ctrl來實現多選。例句：
<select name="fruit" multiple>
用戶還可以用size屬性來改變下拉框(Select)的大小。
表單控制項(Form Control)：多行輸入框(textarea)
多行輸入框(textarea)主要用於輸入較長的文本信息。例句如下：
<textarea name="yoursuggest" cols ="50" rows = "3"></textarea>
其中cols表示textarea的寬度，rows表示textarea的高度。
表單控制項(Form Control)：密碼輸入框(input type="password")
密碼輸入框(input type="password")主要用於一些保密信息的輸入，比如密碼。因為用戶輸入的時候，顯示的不是輸入的內容，而是黑點符號。。例句如下：
<input type="password" name="yourpw">
表單控制項(Form Control)：提交(input type="submit")
通過提交(input type=submit)可以將表單(Form)里的信息提交給表單里action所指向的文件。例句如下：
<input type="submit" value="提交">
表單控制項(Form Control)：圖片提交(input type="image")
ASP 網頁獲取。
input type=image 相當於 input type=submit，不同的是，input type=image 以一個圖片作為表單的提交按鈕，其中 src 屬性表示圖片的路徑。
<input type="image" src ="http://www.blabla.cn/images/icons/go.gif"
alt = "提交" NAME="imgsubmit">