兩種姓名和密碼的書(shū)寫(xiě)方式有什么本質(zhì)的不同嗎
<form>
姓名:
<input type="text" name="myName">
<br/>
密碼:
<input type="password" name="pass">
</form>
和下面的姓名、密碼部分的書(shū)寫(xiě)方式有什么不同嗎
<form method="post" action="save.php">
<label for="username">用戶名:</label>
<input type="text" name="username" />
<label for="pass">密碼:</label>
<input type="password" name="pass" />
</form>
2015-10-03
沒(méi)有本質(zhì)上的不同,如果說(shuō)有區(qū)別,后者用了lable標(biāo)簽,但lable標(biāo)簽?zāi)阌缅e(cuò)了,不會(huì)有任何效果。
其定義和用法:
<label> 標(biāo)簽為 input 元素定義標(biāo)注(標(biāo)記)。
label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過(guò),它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本,就會(huì)觸發(fā)此控件。就是說(shuō),當(dāng)用戶選擇該標(biāo)簽時(shí),瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
2015-10-21
首先為什么“用戶名:”用<label>標(biāo)簽包住?label標(biāo)簽的作用?
?????? <label for="username">用戶名:</label>
? ? ? ?<input type="text" id="usename"?name="username" />
你可以試試去掉<label>標(biāo)簽,或者用<span><p>等標(biāo)簽包住“用戶名:”最終呈現(xiàn)在頁(yè)面也是一樣的效果,那回到第一個(gè)問(wèn)題為什么用<lable>標(biāo)簽包?。??????? 因?yàn)?strong>label標(biāo)簽是用來(lái)提示用戶體驗(yàn)的這個(gè)作用,直白點(diǎn)說(shuō)當(dāng)你點(diǎn)擊“用戶名:”這幾個(gè)字時(shí),輸入框同樣會(huì)出現(xiàn)輸入的光標(biāo),也就是不用非得點(diǎn)擊輸入框里面才能輸入文字。
第二個(gè)就是<label>標(biāo)簽的用法:標(biāo)簽的for屬性的值等于對(duì)應(yīng)的input(輸入框)的id!這樣就把輸入框和用戶名聯(lián)系起來(lái)了
<label for=""></label>
<input type="" id="" name="">