Html中,id、name、class、type的區別


<input type="text" name="name" id="name" class="txt">
在HTML中這里的name,id兩個屬性如果沒有的話不影響顯示效果,另外還有一個value屬性,他們具體起個什么作用啊?

id 人的身份證一樣,標簽的唯一標識。只有一個標簽跟這個id對應
name 人的名字一樣 標簽的名字,跟人一樣可以有很多標簽叫同一個名字。
value是text的文本值,就是顯示在input里面的文字
class 是樣式的名字。設置標簽樣式的時候用

【name】單獨地在一個網頁里面,一個控件是否設置它的 name 屬性是不會影響到這個網頁的功能實現的。但當我們需要把這個控件所關聯的數據傳遞到數據庫時,就必須要設置 name 屬性,否則,這個值是沒有辦法傳到服務器上面得到保存的。
【id】會用在JavaScript的編程里面,意思是一個文件通過id號"XX"得到……,即是可以在客戶端獲取id號為"XX"文本框。
【value】在后台如果你想得到復選框的內容 就是value 來取 。當你在接收表單數據的頁面中獲取數據時,得到的就是value的值 。

如上圖,ID好比身份證的身份號碼,每個人的身份證號碼是不一樣的,也是唯一的;name就好比身份證上的姓名,它只是一個代號,名字不會是唯一的;身份證上的性別、漢族和class這個屬性很是相似,是一個類別的統稱。


  簡單一張身份證的圖片應該就可以准確的區別出這三者的差異,下面我們來看看各自的用途:

  一、ID

  首先我們知道ID在一個網頁里是唯一的,它在與后台聯系時應用的比較多。以博主現階段所學來說,ID還未進入我所學習掌握的領域。

  二、name

  相對於ID來說,name屬性在已經學過的標簽元素里出現的比較多,最為常出現在<input>和錨點里。

  1.<input>里的應用

<input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女

  對於上面的代碼,在選擇性別時,我們需要出現的是單選,因而對兩個input標簽來說,需要命名成同一個名字才行。

  2.錨點 

<h3><a name="maodian"></a>標題</h3>
<a href="#maodian">跳轉至標題</a>

  三、class

  與ID、name相比,class屬於設置標簽的種類,主要是用來設置CSS樣式。就好比我們需要在一個上千萬人口的城市中提取漢族人口,此時你的name將不會對此有所影響。

 

ref:

https://www.cnblogs.com/zmrAres/p/5005029.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM