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

網頁設計表單

發布時間:2020-08-01 10:42:47

1、HTML5網頁前端設計中如下圖表單的代碼怎麼寫?

下面是表單代碼,你直接再加屬性就可以了,表單用 table 寫比較簡單,div 太麻煩了;
<html xmlns=" http://www.dayinmandarin.com ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>黑板</title>
</head>
<body>
<div style="width:500px;">
<h1 style="width:500px;height:50px;color:#2A8DF0;border-bottom:#2A8DF0 solid 3px; text-align:center;">用戶注冊頁面</h1>
<table cellpadding="0" cellspacing="10" style="margin:0 auto;">
<tr>
<td align="right" valign="top"><div>用戶名:</div></td>
<td><input style='width:250px' value='請輸入用戶名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>密 碼:</div></td>
<td><input style='width:250px' value='請輸入密碼' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>確 認:</div></td>
<td><input style='width:250px' value='請再次輸入密碼' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>姓 名:</div></td>
<td><input style='width:250px' value='請輸入真實姓名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>郵 箱:</div></td>
<td><input style='width:250px' value='請輸入電子郵箱' /></td>
</tr>
</table>
<div align="center"><input style="width:100px;height:30px;text-align:center;line-height:30px;background:#2289F0;border:#2289F0;color:white;font-weight:bold;font-size:16px;" type="submit" value="提交注冊" /></div>
</div>
</body>
</html>

2、網頁設計表單

<table>
<tr>
<td><textarea rows="5" cols="50"></textarea></td><td valign="top">要輸入的文字</td>
</tr>
</table>

3、網頁設計中的表格!

<tr>
<td height="890" background="imega/2.gif" valign="top">
<table width="102%" height="25" border="0" cellpadding="5" cellspacing="1"> <!--這個表格已經至頂 -->
<tr>
<td width="11%"> </td>
<td width="17%" valign="top">|<a href="i.jsp">111</a></td>
<td width="30%" valign="top" >這一段表格至頂</td>
<td width="42%"> </td>
</tr>
</table>
</td>
</tr>

4、網頁設計中的要求必須要有表單頁面,是什麼意思啊?

一、插入空白表單:
動作:提交方向(提交頁面處理和發送郵箱)
第一種:提交到郵箱去:mailto:郵箱地址 不需要伺服器許可權
第二種:直接提交到動態頁面處理(例ASP頁面)

方法: GET:發送少量數據,不經過伺服器,直接發送,通常附帶網址發送參數.
優點:速度快;缺點:發送的數據一般不能超過2K位元組,如超過則丟失一部分數據。

post:發送大量數據,要經過伺服器,響應慢.

註:提交到郵箱去,要在代碼視圖里FORM標簽後加上此代碼:
enctype="text/plain"

二、輸入表單元素:
隱藏域:主要用來註明哪個表單被提交或在ASP程序里控制腳本流程。它不被客戶端所改動。所以是固定的值。
標簽名:相當於欄位名,用來編程式控制制(用來註明接收哪一個內容的值)。
值: 用來發送的數據內容。

同一組的單選框的命名一定要相同,不然會出錯。
註:表單標簽form 影響實際排版,它會多佔一行高度,解決的辦法就是把此標簽放在不可顯示的標簽之間,而不影響表單的觸發作用。

三、表單標簽:
form 空白表單
input type="text" 文本域
input type="checkbox" 復選框
input type="radio" 單選框
input type="submit" 提交按鈕
input type="hidden" 隱藏域
textarea 文本區域
select 列表

5、網頁設計中表單怎麼用

<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,具體可以在網上查下,很多的

6、網頁設計一個最簡單的表單提交!

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

7、網頁設計中什麼是表單?簡答題

表單(form)是由一個或多個文本輸入框、可單擊的按鈕、多選框、下拉菜單和圖像按鈕等組成,所有這些都放在<form>標簽在。一個文檔中可以包含多個表單,而且每個表單可以放置通常的主體內容(包括文字和圖像在內)

8、網頁設計表單,按鈕鏈接

加個a鏈接就好了 <a href="另一個頁面的地址"> </a>

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

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

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

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

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

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

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

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

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

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