1、網頁製作中的表單應該如何設計
1、盡量讓表單一目瞭然
用戶瀏覽網站的時候，通常會快速掃視來獲取信息，看看網站內容和設計是否對他們的胃口或者符合需求，再決定要如何應對、交互。表單也是一樣的道理。一目瞭然的表單能讓用戶立刻知道他們需要填寫多少信息，以及如何提交表單。
更多平面設計知識，請咨詢華南平面設計學校。
2、考慮使用浮動的提示文本
對於是否要在表單的輸入框中加入提示文本有很多爭論，其中主要的爭論圍繞在一點上：當用戶點擊輸入框，游標出現准備輸入的時候，其中的提示文本並沒有自動消失，而需要手動刪除之後再才能輸入。這就非常尷尬了。
3、使用表單格式掩碼
格式掩碼能夠提醒用戶輸入的內容的格式，欄位的長短大小，對於表單的可用性有明顯提升。在用戶激活輸入框的時候，格式掩碼會出現，它會幫助用戶格式化輸入信息，避免提交的時候出錯。格式掩碼常見於數字輸入的時候。
4、把表單設計得易於輸入
你無法確知用戶使用的是手機還是電腦在瀏覽你的網頁，輸入你的表單，但是它應該對於各種輸入設備都足夠友好才行。考慮到你的表單可能會是不同類型的鍵盤輸入的，所以你應該根據表單欄位屬性和檢測到的鍵盤類型，進行適配。
5、選擇垂直單列布局
對於用戶而言，垂直單列的布局比起多列的布局更容易使用。當用戶瀏覽的時候，只需要向下瀏覽即可，不用來回翻看，也可以很好的避免填寫過程中的遺漏。
6、控制輸入內容
盡量使用瀏覽器的記憶功能和Cookie，調用數據將表單中常見的欄位預先填充進去。沒有什麼比打開表單其中的多數欄位已經自動填寫進去，更讓人興奮的了。
7、讓表單短而美
當你設計表單的時候，總想從用戶那兒盡可能多的獲取信息，一定要剋制住這個沖動!
只在表單中呈現重要信息，讓用戶盡可能少的填寫。如果稍後需要提供更多的信息，可以在其他的地方諸如電子郵件中向用戶獲取信息。當用戶已經完成注冊之後，你們後續推送信息、相互溝通、獲取信息的機會更多了。
盡量只保留必要的欄位供用戶填寫，不要提供冗餘的選項，讓表單小而美。
2、網頁設計中表單怎麼用
<form method='post' action='xxx'>
<input name='age' value='18'/>
<button type='submit'></button>
</form>
form 裡面 method 為提交方式，一般是post，action是目標位置，按了帶有submit的按鈕就會把form中包含的東西送到目標位置（這里就是name='age'這個東西），然後目標位置會根據age這個東西得到18，具體可以在網上查下，很多的
3、html網頁製作中，表單輸入，input name和input type有什麼區別？為什麼開頭的這
name 和 type 都是input的一個屬性，
name 一般是給後台提供的，
type表示當前這個input的類型。
4、製作表單頁面時可以通過設置type等於什麼來實現？
在html語言中通過<form>標簽完成一個表單的設計
輸入內容為<input type=?>標簽
type="text" 輸入文本
type ="password" 輸入密碼
type ="submit" 提交表版單內容到伺服器
舉例權：
輸入用戶信息到伺服器
<form action="adser.jsp" method="post" name="userform">
<h2>用戶注冊</h2>
姓名：<input type="text" name="name"/></br>
用戶名：<input type="text" name="username"/></br>
密碼：<input type="password" name="password"/></br>
<input type="submit" value="提交"/></br>
</form>
所以 製作表單頁面時可以通過設置type等於"submit" 來想伺服器提交內容完成內容的實現
5、關於網頁製作表單》文本框的問題！
<input type="text" name="click" value="點擊就選中" onClick="this.focus()" onFocus="this.select()">
6、網頁設計表單～一道題
這邊是HTML
<form action="">
<label for="userName">用戶名：</label><input type="text" id="userName">
<label for="userName">密 碼：</label><input type="text" id="pwd">
<input type="button" value="點擊這邊" id="btn">
</form>
這邊是JS
var userName = document.getElementById('userName'),
pwd = document.getElementById('pwd'),
button = document.getElementById('btn');
btn.onclick = function(){
console.log(1);
if (userName.value == "" || userName.value== " ") {
alert("用戶名為空");
}else if (pwd.value == "" || pwd.value == " ") {
alert("密碼為空");
}else {
alert("登入成功");
}
}
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>
==================================================================
8、關於html網頁設計表單問題
按你的代碼，選擇了150，120的也還選上的，你這個name屬性不同，根本就是不同的2組單選，互相無關系
<tr>
<td>建築面積：</td>
<td>
<input name="radio" type="radio" id="radio" value="radio" checked="CHECKED" />120平米
<input name="radio" type="radio" id="radio2" value="radio" />150平米
</td>
</tr>
如果這樣寫，那就是默認選中120，當你選擇150的時候，120就取消選擇了，雖然按你的代碼選哪個都一樣，因為value值相同。。。