使用HTML輸入數據的正確方法
[英]Proper way to input data using HTML
問題描述
我使用ASP.NET。 到目前為止，我一直在使用表在其上輸入內容，並且一切都很好。 但是前一陣子我讀到這些表不是為了這個。 因此，我想知道，將輸入字段放置在我的Web窗體上的正確方法是什么，但是要讓它們看起來很漂亮，也就是說，在左對齊控件旁邊放置一個rigth對齊標簽，也許每行多個在下一行中，標簽和控件與先前的控件對齊。
我唯一能想到的是每個標簽/控件一個div，但這感覺很奇怪...
另外，我的控件應該放在<form>標記內嗎？ 我從來沒有使用過它們。
4 個解決方案
解決方案1
2 已采納 2012-05-10 14:46:34
合理使用表格。 帶有一列標簽和一列輸入的表單非常有意義。
老實說，我認為整個“無桌子布局”運動比其他任何事物都更加流行。 我已經看到人們花了無數的時間試圖用不同的HTML標簽重新創建表結構，其原因無非是說“他們沒有使用表”。 那真是愚蠢，為什么要重新創建已經可以正常使用的東西呢？
當您開始使用表格布局頁面時，就會出現使用表格的問題。 例如：
不要這樣
<body>
<table>
<tr class="header"><td><!-- header content --></td></tr>
<tr class="content"><td><!-- page content, possibly with a two column table for sidebar --></td></tr>
<tr class="footer"><td><!-- footer content --></td></tr>
</table>
</body>
但是，使用表格來構建表單是很有意義的。
是的，與表單相關的所有控件都應位於form標簽內。
解決方案2
1 2012-05-10 14:21:55
使用表格放置項目沒有錯。 您還可以使用CSS進行定位，但隨后必須處理跨瀏覽器的支持。 就個人而言，我將表用於此類事情。
解決方案3
0 2012-05-10 14:28:19
我認為您要問的與編寫語義HTML有關 。 <TABLE>標記最初是用於呈現表格數據的，但已被選擇用於常規布局。 盡管HTML和CSS從那時起已經擁有更多的布局選項，但這種情況一直持續到今天。
表格具有固定的網格布局，對於我們來說很容易理解。 浮動內容可能需要做更多的工作才能理解。
沒有對與錯，但是許多人為了編寫更多的語義HTML而會在其輸入周圍使用<ul><li>標記，因為在某種意義上可以將表單輸入視為一個列表。
關於<FORM>標記的使用，由於現在流行AJAX GETS和POSTS，您並不總是需要它們，但我通常將它們包括在內，這既是制作更多語義代碼的方式，也是對后續開發人員提高清晰度的一種方式，但作為要使用的容器，因此當我需要使用jQuery（或您選擇的庫）選擇器時，可以處理子輸入。
解決方案4
0 2012-05-10 14:36:16
表格只能用於在網頁上顯示表格數據。 它們不應用於布局。
相反，您應該使用div標簽來布局頁面的不同元素。 例如：
<div class="Labels">
<label for="FullName">Name: *</label>
</div>
<div class="Fields">
<input class="text" type="text" name="FullName" id="FullName" />
</div>
然后，您應該使用CSS進行頁面布局，以將各種元素放置在頁面上所需的位置，並將元素彼此並排放置，等等。
如果您不熟悉使用CSS進行布局，請考慮使用CSS float。
異步數據加載后提交HTML表單的正確方法是什么？
[英]What is the proper way to submit HTML form after asynchronous data load?
將HTML添加到容器的末尾：使用JavaScript執行此操作的正確方法是什么？
[英]Adding HTML to the end of a container: What is the proper way to do it using JavaScript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.