第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

HTML輸入名稱與id

HTML輸入名稱與id

冉冉說 2019-07-01 15:26:09
HTML輸入名稱與id使用HTML時(shí)<input>標(biāo)記的使用之間的區(qū)別是什么?name和id屬性,尤其是我發(fā)現(xiàn)它們有時(shí)被命名為相同的屬性?
查看完整描述

3 回答

?
浮云間

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超4個(gè)贊

name屬性用于向例如Web服務(wù)器投遞。id主要用于CSS(和javascript)。假設(shè)您有這樣的設(shè)置:

<input id="message_id" name="message_name" type="text" />

為了在提交表單時(shí)使用PHP獲取值,它將使用name-屬性,如下所示:

$_POST["message_name"];

正如前面所說,id用于樣式設(shè)置,用于當(dāng)您想要使用特定的CSS時(shí)。

#message_id
{
    background-color: #cccccc;
}

當(dāng)然,您可以對您的id和name-屬性使用相同的名稱。這兩個(gè)人不會互相干涉。

此外,名稱可以用于更多的項(xiàng)目,如當(dāng)你使用無線電按鈕。然后使用名稱對您的無線電按鈕進(jìn)行分組,因此您只能選擇其中一個(gè)選項(xiàng)。

<input id="button_1" type="radio" name="option" />
<input id="button_2" type="radio" name="option" />

在這個(gè)非常具體的例子中,我可以進(jìn)一步說明id是如何使用的,因?yàn)槟赡苄枰粋€(gè)帶有無線電按鈕的標(biāo)簽。Label有一個(gè)for-屬性,它使用輸入的id將該標(biāo)簽鏈接到您的輸入(當(dāng)您單擊Label時(shí),將選中該按鈕)。示例可在下面找到

<input id="button_1" type="radio" name="option" /><label for="button_1">Text for button 1</label>
<input id="button_2" type="radio" name="option" /><label for="button_2">Text for button 2</label>


查看完整回答
反對 回復(fù) 2019-07-01
?
阿晨1998

TA貢獻(xiàn)2037條經(jīng)驗(yàn) 獲得超6個(gè)贊

ID必須是唯一的。

.在頁面DOM元素樹中,因此每個(gè)控件都是單獨(dú)訪問id在客戶端(瀏覽器頁內(nèi))

  • 加載在頁面中的JavaScript腳本
  • 頁面上定義的CSS樣式

在頁面上擁有非唯一的ID仍然會呈現(xiàn)您的頁面,但是它肯定是無效的。當(dāng)解析無效的HTML時(shí),瀏覽器是非常寬容的。但不要因?yàn)?/trans>似乎它起作用了。

名稱通常是唯一的,但可以共享。

.在同一類型的幾個(gè)控件之間的頁面DOM(例如單選按鈕),因此當(dāng)數(shù)據(jù)被發(fā)送到服務(wù)器時(shí),只發(fā)送一個(gè)特定的值。因此,當(dāng)頁面上有幾個(gè)單選按鈕時(shí),只有選定的一個(gè)按鈕value獲取回發(fā)到服務(wù)器,即使有幾個(gè)具有相同屬性的相關(guān)單選按鈕控件。name.

向服務(wù)器發(fā)送數(shù)據(jù)的增編*當(dāng)數(shù)據(jù)被發(fā)送到服務(wù)器(通常是通過HTTPPOST請求)時(shí),所有數(shù)據(jù)作為名稱-值對哪里名字,姓名name輸入HTML控件和價(jià)值是它的value由用戶輸入/選擇。對于非Ajax請求,情況總是如此。在ajax請求中,名稱-值對能,會,可以獨(dú)立于頁面上的HTML輸入控件,因?yàn)殚_發(fā)人員可以向服務(wù)器發(fā)送他們想要的任何東西。很多時(shí)候,值也是從輸入控件中讀取的,但我只是想說,這并不一定是這樣的。

當(dāng)名稱可以重復(fù)時(shí)

有時(shí),名稱在任何形式的輸入類型的控件之間共享可能是有益的。但什么時(shí)候?您沒有說明您的服務(wù)器平臺可能是什么,但是如果您使用類似ASP.NETMVC之類的工具,您就可以獲得自動(dòng)數(shù)據(jù)驗(yàn)證(客戶端和服務(wù)器)以及將發(fā)送的數(shù)據(jù)綁定到強(qiáng)類型的好處。這意味著這些名稱必須匹配類型屬性名。

現(xiàn)在假設(shè)您有這樣的場景:

  • 您有一個(gè)具有相同類型項(xiàng)列表的視圖。
  • 用戶通常一次只處理一個(gè)項(xiàng),所以他們只使用一個(gè)項(xiàng)輸入數(shù)據(jù)并將其發(fā)送到服務(wù)器。

所以視圖的模型(因?yàn)樗@示了一個(gè)列表)是類型的IEnumerable<SomeType>但是您的服務(wù)器端只接受一個(gè)類型的項(xiàng)。SomeType.

那分享名字怎么樣?

每個(gè)項(xiàng)目都在自己的范圍內(nèi)包裝。FORM元素中的元素和輸入元素具有相同的名稱,因此當(dāng)數(shù)據(jù)到達(dá)服務(wù)器(來自任何元素)時(shí),它將正確綁定到控制器操作所期望的字符串類型。

在我的創(chuàng)作故事迷你網(wǎng)站。您不會理解這種語言,但是您可以查看這些多個(gè)表單和共享名稱。算了吧IDS也是重復(fù)的(這是違反規(guī)則的行為),但這是可以解決的。只是在這個(gè)案子里沒什么關(guān)系。


查看完整回答
反對 回復(fù) 2019-07-01
  • 3 回答
  • 0 關(guān)注
  • 587 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號