輸入隱藏或div顯示：無css？

在我們的項目中，我們都使用inputtype=hidden元素和divs與display:none CSS用於存儲HTML頁面上的一些數據沒有它顯示給用戶。輸入隱藏或div顯示：無css？

所以我不知道哪種方式更適合在性能和代碼的完整性和HTML語法？

2011-11-19 LostMohican

你可以進入有關這些數據如何使用更多的細節和它從何而來？ –

隱藏輸入時將忽略該文件（CSS）的樣式規則隱藏起來，這可能使它更好的性能明智的，但我沒有數據顯示這一點。話雖如此，輸入控件意味着作爲表單的一部分提交。

還有其他的方法爲好，如HTML5自定義數據屬性或使用腳本標籤：

<!-- Custom data attribute --> 
<div id="product" data-id="42"> 
    <h1>Product name</h1> 
</div> 

<!-- JSON data embedded in a script tag --> 
<script type="application/json"> 
    { "id": 42 } 
</script>

來源

2011-11-19 21:14:53

我認爲，第一溶液（具有輸入類型=隱藏）是更漂亮，因爲第二溶液依賴於CSS，可在瀏覽器被停用，而數據將顯示給用戶。

來源

2011-11-19 21:03:44

語義決定了答案是 - 它取決於你如何使用它。

如果需要提交的表單中的數據或者是密切相關的一種形式，然後使用輸入。我不確定哪些情況不會屬於該類別，因爲如果用戶不應該看到它，那麼僅在一個頁面上使用的數據可以存儲在JavaScript變量中。

來源

2011-11-19 21:10:12

例如，你顯示了一個人的列表，並希望從用戶隱藏他們的ID，但它是在點擊事件中需要的。 – LostMohican

您是否考慮過使用屬性？例如id =「person123」或rel =「123」？ –

看起來應該更新這個以提及html5數據屬性。這是一個非常簡單的方法來存儲和拉動信息使用javascript或jquery輕而易舉。我找不到一個簡明的例子來鏈接，但如果你谷歌一些文章，你可以快速拼湊它如何工作。 –

有參與績效的因素很多。但是，除非您存儲大量數據，否則性能差異可能難以區分。

什麼是最好的代碼的完整性和語義取決於數據以及如何使用它。

有用於存儲數據的許多選項：在隱藏輸入了用於與使用形式是大

存儲數據：

<輸入名稱=「MYDATA」類型=「隱藏「值=」一些數據」 />
在其中在通過搜索引擎往往眉頭皺了隱藏html標籤存儲數據因爲它的濫用，努力改進搜索引擎優化排名：

< DIV ID = 「MYDATA」的風格= 「顯示：無」> 一些數據 </DIV>
存儲數據在JavaScript這對於快速訪問非常方便：

< script type =「text/javascript」> var data.id = 123; var數據。list = [「是」，「否」，「可能」];在我上一個難得的機會使用META標籤 </SCRIPT>
- 存儲數據：http://code.lancepollard.com/complete-list-of-html-meta-tags#create-custom-meta-tags
< META NAME = 「MYDATA」 CONTENT = 「一些數據」/在cookie它只要餅乾尚未關閉該選項允許數據以E>
- 存儲數據xpire：
http://www.w3schools.com/js/js_cookies.asp

HTML5有SQLite數據庫：

http://html5doctor.com/introducing-web-sql-databases/

HTML5規範允許自定義數據屬性

http://html5doctor.com/html5-custom-data-attributes/

來源

2011-11-19 22:04:43 Micah

輸入隱藏或div顯示：無css？

回答

相關問題