關(guān)于form幾個問題
<!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>
</head>
<body>
<form method="post" action="save.php">
? ? ? ?<label for="uesrname">用戶名</label>
? <input type="test" name="username" id="username" value="" />
? <label for="password">密碼</label>
? <input type="password" name="pass" id="pass" value="" />
? <input type="submit" value="確定" name="submit" />
? <input type="reset" value="重置" name="reset" />
</form>
</body>
</html>
有幾個問題,麻煩大神解答一下
1:這是我用DW8敲出來的代碼,但是周圍出現(xiàn)了紅色框框,請問哪里錯了。
2:為何用戶名和密碼需要label for符號,而確定和重置不需要?
3:form method="post"和action:”save.php“這2個代碼分別是什么意思
4:為何用戶名和密碼的value后面是空的”“
2016-09-20
回答第二個問題,<label>標(biāo)簽的作用是為了使得點擊label中文字的時候,瀏覽器會自動把焦點轉(zhuǎn)到相應(yīng)的input上,比較方面,跟直接點擊input一樣。label for后面一般跟的是input 標(biāo)簽里的id或者name。 如:
<label for="username">用戶名</label> <input type="text" name="username"? 這里如果我label for后面沒有跟這個username, 那它和input就無法連接起來。input代表的是一個控件。 而確定和重置不用是因為你不用輸入文本,只需要向服務(wù)器提交這樣一個信息,所以只需要一個控件input。如<input type="submit" value="提交"/>這里面input type 的值是定義了這個控件的功能是提交。 而value的值就是你在前端也就是網(wǎng)頁上面看到的的名字。
form method="post"和action:”save.php“? method是傳輸文件的方式,get是用來從服務(wù)器上獲得數(shù)據(jù),而post是用來向服務(wù)器上傳遞數(shù)據(jù),而且get方法會把獲取的數(shù)據(jù)也顯示到地址欄出,不安全,比如輸入用戶名和密碼就會在網(wǎng)址后面顯示出來。 而action 是你要提交到后臺的那個文件夾。? 在你設(shè)置用戶名和密碼框時,你鍵入value的值就是他們的默認(rèn)值。 比如你設(shè)置了value的值為 123456.? 那么文本框里面就會默認(rèn)有123456. 你可以去試一下
2016-09-20
1、哪里周圍出現(xiàn)紅色框框?
2、用戶名和密碼加上label for 就是點擊“用戶名”、“密碼”這兩個范圍的時候也可以選中后面的文本框,呈現(xiàn)待輸入狀態(tài),不加for就沒這效果
3、form method="post";數(shù)據(jù)傳輸方式;save.php:輸入的數(shù)據(jù)被傳送到的地方
4、此處的value是給傳送的用戶名和密碼命名,什么名都無所謂,只要后端程序猿清楚就行了!
2016-09-20
<label> 標(biāo)簽為 input 元素定義標(biāo)注(標(biāo)記)。
label 元素不會向用戶呈現(xiàn)任何特殊效果。不過,它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點擊文本,就會觸發(fā)此控件。就是說,當(dāng)用戶選擇該標(biāo)簽時,瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
get是直接在當(dāng)前頁面顯示,post是在另一個頁面顯示
2016-09-20
問題1:沒有看到有紅色框框。
問題2:label加上for屬性是為了使得點擊label中文字的時候,瀏覽器會自動把焦點轉(zhuǎn)到相應(yīng)的input上,比較方面,跟直接點擊input一樣。
問題3:get是用來從服務(wù)器上獲得數(shù)據(jù),而post是用來向服務(wù)器上傳遞數(shù)據(jù),而且get方法會把獲取的數(shù)據(jù)也顯示到地址欄出,不安全,比如輸入用戶名和密碼就會在網(wǎng)址后面顯示出來。
問題4:這個value處可以加上提示性的文字,也不可以不加。
希望可以幫助到你,也希望我們可以互相幫助,共同成長。