1、網頁製作中的表單應該如何設計
1、盡量讓表單一目瞭然
用戶瀏覽網站的時候,通常會快速掃視來獲取信息,看看網站內容和設計是否對他們的胃口或者符合需求,再決定要如何應對、交互。表單也是一樣的道理。一目瞭然的表單能讓用戶立刻知道他們需要填寫多少信息,以及如何提交表單。
更多平面設計知識,請咨詢華南平面設計學校。
2、考慮使用浮動的提示文本
對於是否要在表單的輸入框中加入提示文本有很多爭論,其中主要的爭論圍繞在一點上:當用戶點擊輸入框,游標出現准備輸入的時候,其中的提示文本並沒有自動消失,而需要手動刪除之後再才能輸入。這就非常尷尬了。
3、使用表單格式掩碼
格式掩碼能夠提醒用戶輸入的內容的格式,欄位的長短大小,對於表單的可用性有明顯提升。在用戶激活輸入框的時候,格式掩碼會出現,它會幫助用戶格式化輸入信息,避免提交的時候出錯。格式掩碼常見於數字輸入的時候。
4、把表單設計得易於輸入
你無法確知用戶使用的是手機還是電腦在瀏覽你的網頁,輸入你的表單,但是它應該對於各種輸入設備都足夠友好才行。考慮到你的表單可能會是不同類型的鍵盤輸入的,所以你應該根據表單欄位屬性和檢測到的鍵盤類型,進行適配。
5、選擇垂直單列布局
對於用戶而言,垂直單列的布局比起多列的布局更容易使用。當用戶瀏覽的時候,只需要向下瀏覽即可,不用來回翻看,也可以很好的避免填寫過程中的遺漏。
6、控制輸入內容
盡量使用瀏覽器的記憶功能和Cookie,調用數據將表單中常見的欄位預先填充進去。沒有什麼比打開表單其中的多數欄位已經自動填寫進去,更讓人興奮的了。
7、讓表單短而美
當你設計表單的時候,總想從用戶那兒盡可能多的獲取信息,一定要剋制住這個沖動!
只在表單中呈現重要信息,讓用戶盡可能少的填寫。如果稍後需要提供更多的信息,可以在其他的地方諸如電子郵件中向用戶獲取信息。當用戶已經完成注冊之後,你們後續推送信息、相互溝通、獲取信息的機會更多了。
盡量只保留必要的欄位供用戶填寫,不要提供冗餘的選項,讓表單小而美。
2、網頁設計表單~一道題
這邊是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("登入成功");
}
}
3、網頁設計表單
<table>
<tr>
<td><textarea rows="5" cols="50"></textarea></td><td valign="top">要輸入的文字</td>
</tr>
</table>
4、網頁設計與網站製作這門課程第四章HTML表格與表單的知識點有哪些?
網頁設計與網站製作這門課第四章HTML表格與表單的知識點包含章節導引,第一節表格標記及相關屬性,第二節表單標記及其控制項,第三節注冊頁面案例。
5、dreamweaver製作網頁表格使用方法
表格輸入語法格式:
<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>.....
</table>
可以 用來 網頁布局,也專可以用來展示數據的。屬
6、用表格和表單製作如下網頁。完整html代碼
1、使用標簽<table></table>定義網頁的表格,使用style賦值類型將顯示在網頁。
2、使用<tr>標簽定義行,使用<th>定義表頭,表頭的文字自動加粗。
3、<tr>和<td>標簽配合,定義每行中的表格數量,現在定義3行5列的表格。
4、使用<caption></caption>定義表格的標題。
5、表格分為三個部分,表頭部,表主體,表尾部。
6、表頭部和主體分別放標題和表格的內容,而表的尾部通常放的是頁數。
7、網頁製作-表單問題
這個需要懂得一點的編程,比較復雜。
建議你直接申請一個自定義的調查問卷(百度一下版可以找到權)
可以自定義問卷內容。然後在你的主頁上做上這個頁面的鏈接 就可以了
(你也可以使用框架網頁,直接將這個問卷頁面引用到框架里來)
另外我記得以前google也提供類似的服務,貌似就叫谷歌表單。但我不確定現在是否還有提供。
8、網頁設計一個最簡單的表單提交!
你直接搜索當地可以提交這個表單的電話問下就OK啦