導航:首頁 > 萬維百科 > 網頁表單設計

網頁表單設計

 發布時間：2020-07-31 10:02:37

1、求設計一個簡單的網頁 內容 寫一個html頁面，至少包含一個表格、一個表單； 30行以上； 美觀不管

<!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>
.fontStyle{
color:red;
font-size:18px;
font-weight:bold;
}
</style>
</head>

<body>
<p class="fontStyle">表格</p>
<table cellspacing="0" cellpadding="0" width="500" height="300" border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>6</td>
</tr>
</table>
<p>----------------------------------------------------------------------------------------------</p>
<form id="form1" name="form1" method="post" action="">
<p class="fontStyle">表單</p>
<p>
<label for="name">姓名：</label>
<input type="text" name="name" id="name" />
</p>
<p>性別：
<input type="radio" name="sex" id="male" value="radio" /><label for="male">男</label>
<input type="radio" name="sex" id="female" value="radio2" /><label for="female">女</label></p>
<p>愛好：
<input type="checkbox" name="music" id="music" /><label for="music">聽音樂</label>
<input type="checkbox" name="web" id="web" /><label for="web">上網</label>
<input type="checkbox" name="book" id="book" /><label for="book">看書</label></p>
<p>
<label for="content">簡歷：</label>
<textarea name="content" id="content" cols="45" rows="5"></textarea>
</p>
</form>
</body>
</html>
把上面的代碼放到dw里，運行就好了，如果還不會，我把網頁傳給你吧！！！

2、用表格和表單製作如下網頁。完整html代碼

1、使用標簽<table></table>定義網頁的表格,使用style賦值類型將顯示在網頁。

2、使用<tr>標簽定義行,使用<th>定義表頭,表頭的文字自動加粗。

3、<tr>和<td>標簽配合,定義每行中的表格數量,現在定義3行5列的表格。

4、使用<caption></caption>定義表格的標題。

5、表格分為三個部分,表頭部，表主體，表尾部。

6、表頭部和主體分別放標題和表格的內容,而表的尾部通常放的是頁數。

3、如何打造一個高可用性網頁表單設計

表單和可用性有如下兩方面的關系：
1. 表單可以使網站好用或不好用，因為它們擋在用戶達成目標的路上。

2. 為了幫助用戶達成目標，表單必須要好用。

本文將重點講述第二點，因為表單好用了，網站的整體可用性自然會提升，也就是上面的第一點。

表單的六個組成部分

對於設計師和用戶來說，表單讓人愛恨交加。隨著時間的流逝，對於表單的表現形式和操作方式，用戶已有了自己的期望。基本上，他們期望表單包含如下六個部分：

1.標簽。告訴用戶相應的輸入域里應該填什麼。

2.輸入域。供用戶提供反饋。包括文本輸入框、密碼輸入框、多選框、單選框和滑塊等。

3.操作。包括鏈接和按鈕，用戶點擊後，會執行一項操作，比如提交表單。

4.幫助。為填寫表單提供幫助。

5.信息。用戶輸入內容的反饋信息。可能是肯定的（比如提示表單提交成功），也可能是否定的（「該用戶名已被注冊」）。

6.驗證。確保用戶提交的數據符合參數規則。

4、製作一個很簡單網頁表單代碼

<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"

對回答的內容有問題，或認為不妥，網路消息我。
（在消息的內容里加上問題的網址哦）

5、網頁設計一個最簡單的表單提交！

你直接搜索當地可以提交這個表單的電話問下就OK啦

6、求表單設計代碼，簡單的網頁設計，

最簡單的表格結構

<table>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>

7、請問網頁表單怎麼設計比較吸引？

1、盡量讓表單一目瞭然
用戶瀏覽網站的時候，通常會快速掃視來獲取信息，看看網站內容和設計是否對他們的胃口或者符合需求，再決定要如何應對、交互。表單也是一樣的道理。一目瞭然的表單能讓用戶立刻知道他們需要填寫多少信息，以及如何提交表單。
更多平面設計知識，請咨詢華南平面設計學校。
2、考慮使用浮動的提示文本
對於是否要在表單的輸入框中加入提示文本有很多爭論，其中主要的爭論圍繞在一點上：當用戶點擊輸入框，游標出現准備輸入的時候，其中的提示文本並沒有自動消失，而需要手動刪除之後再才能輸入。這就非常尷尬了。
3、使用表單格式掩碼
格式掩碼能夠提醒用戶輸入的內容的格式，欄位的長短大小，對於表單的可用性有明顯提升。在用戶激活輸入框的時候，格式掩碼會出現，它會幫助用戶格式化輸入信息，避免提交的時候出錯。格式掩碼常見於數字輸入的時候。
4、把表單設計得易於輸入
你無法確知用戶使用的是手機還是電腦在瀏覽你的網頁，輸入你的表單，但是它應該對於各種輸入設備都足夠友好才行。考慮到你的表單可能會是不同類型的鍵盤輸入的，所以你應該根據表單欄位屬性和檢測到的鍵盤類型，進行適配。
5、選擇垂直單列布局
對於用戶而言，垂直單列的布局比起多列的布局更容易使用。當用戶瀏覽的時候，只需要向下瀏覽即可，不用來回翻看，也可以很好的避免填寫過程中的遺漏。
6、控制輸入內容
盡量使用瀏覽器的記憶功能和Cookie，調用數據將表單中常見的欄位預先填充進去。沒有什麼比打開表單其中的多數欄位已經自動填寫進去，更讓人興奮的了。
7、讓表單短而美
當你設計表單的時候，總想從用戶那兒盡可能多的獲取信息，一定要剋制住這個沖動!
只在表單中呈現重要信息，讓用戶盡可能少的填寫。如果稍後需要提供更多的信息，可以在其他的地方諸如電子郵件中向用戶獲取信息。當用戶已經完成注冊之後，你們後續推送信息、相互溝通、獲取信息的機會更多了。
盡量只保留必要的欄位供用戶填寫，不要提供冗餘的選項，讓表單小而美。

8、網頁製作中的表單應該如何設計

1、盡量讓表單一目瞭然
用戶瀏覽網站的時候，通常會快速掃視來獲取信息，看看網站內容和設計是否對他們的胃口或者符合需求，再決定要如何應對、交互。表單也是一樣的道理。一目瞭然的表單能讓用戶立刻知道他們需要填寫多少信息，以及如何提交表單。
更多平面設計知識，請咨詢華南平面設計學校。
2、考慮使用浮動的提示文本
對於是否要在表單的輸入框中加入提示文本有很多爭論，其中主要的爭論圍繞在一點上：當用戶點擊輸入框，游標出現准備輸入的時候，其中的提示文本並沒有自動消失，而需要手動刪除之後再才能輸入。這就非常尷尬了。
3、使用表單格式掩碼
格式掩碼能夠提醒用戶輸入的內容的格式，欄位的長短大小，對於表單的可用性有明顯提升。在用戶激活輸入框的時候，格式掩碼會出現，它會幫助用戶格式化輸入信息，避免提交的時候出錯。格式掩碼常見於數字輸入的時候。
4、把表單設計得易於輸入
你無法確知用戶使用的是手機還是電腦在瀏覽你的網頁，輸入你的表單，但是它應該對於各種輸入設備都足夠友好才行。考慮到你的表單可能會是不同類型的鍵盤輸入的，所以你應該根據表單欄位屬性和檢測到的鍵盤類型，進行適配。
5、選擇垂直單列布局
對於用戶而言，垂直單列的布局比起多列的布局更容易使用。當用戶瀏覽的時候，只需要向下瀏覽即可，不用來回翻看，也可以很好的避免填寫過程中的遺漏。
6、控制輸入內容
盡量使用瀏覽器的記憶功能和Cookie，調用數據將表單中常見的欄位預先填充進去。沒有什麼比打開表單其中的多數欄位已經自動填寫進去，更讓人興奮的了。
7、讓表單短而美
當你設計表單的時候，總想從用戶那兒盡可能多的獲取信息，一定要剋制住這個沖動!
只在表單中呈現重要信息，讓用戶盡可能少的填寫。如果稍後需要提供更多的信息，可以在其他的地方諸如電子郵件中向用戶獲取信息。當用戶已經完成注冊之後，你們後續推送信息、相互溝通、獲取信息的機會更多了。
盡量只保留必要的欄位供用戶填寫，不要提供冗餘的選項，讓表單小而美。

9、我想製作一個簡單的功能，就是網頁的表單提交到資料庫上面

你說的是教你做吧？基本不存在這樣的人，積分想都不用想了，除非你給錢，教你也不是你想咨詢問題，誰有那麼多的時間就為了你那點積分？只能說你想的太多了，其實你這個也沒有多難，就是建個資料庫，然後建好表，做個網頁，然後鏈接起來就行了，這些都是基礎，沒有多難，基礎去這看看吧http://www.w3school.com.cn/

10、網頁端的表單很長怎麼設計排版？

你可以選擇豎著排或橫排，怎樣方便自己怎樣來

與網頁表單設計相關的知識