導航:首頁 > 萬維百科 > 網頁設計景區介紹表單

網頁設計景區介紹表單

發布時間:2020-10-14 08:22:03

1、網頁設計表單問題

就是這個樣子,表單類型為密碼的長度和文本長度不一樣,如果你想弄成一樣,把用戶名長度調小一點就行了。

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

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

3、網頁設計中的表單結構是什麼

在網頁中<form action="這里填寫你想提交到得處理程序或者其他網頁頁面地址" runat="sever"></form>他的機構就是form里的所有東西都是表單內容。比如一個登陸頁面在body中寫上:
<form action="" runat="server">
<label>用戶名</label>
<input type="text" /><br />
<label>密碼</label>
<input type="text" /><br />
<input type="button" value="登陸"/>
</form>
你提交到到那個頁面,那麼在那個頁面就可以用request()得到提交過來的值了。

4、網頁設計的表單怎麼弄

以下是源代碼,輸入正確的密碼(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>
==================================================================

5、關於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值相同。。。

6、網頁表單的製作詳細點

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

7、網頁製作,一般表單是由什麼,什麼和什麼三部分組成

根據你的描述:
網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為(Behavior)。

希望能幫助到你!

8、網頁設計中的表單提交的方法有哪三種?

post就是默認的,還有一種是文件域提交,就是上傳一個文件
<form id="form1" name="form1" enctype="multipart/form-data" method="post" action="">

9、網頁中,表單的作用主要是什麼

表單的作用:
1、表單對於用戶而言是數據的錄入和提交的界面;
2、表單對於網站而言獲取用戶信息的途徑。
表單實質由2部分組成:
1、存儲表單控制項的網頁文件;
2、處理表單提交數據的處理程序,該程序在伺服器上運行。

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

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

與網頁設計景區介紹表單相關的知識