HTML表單元素，圓角，框架

我想知道是否有一個框架，可以使標準的HTML形式看起來更多的Web 2.0風格，我想在文本框和一個更休閒的提交按鈕上有圓角，除了開箱的html之外，這看起來很老派。HTML表單元素，圓角，框架

如果您知道快速實施的某些內容以及開源代碼，請提前致謝。

來源

2009-10-23 JL.

你所說的「隨便」是什麼意思？爲什麼「老派」呢？默認情況下，它們看起來像我認識的所有瀏覽器中的本地按鈕（當然，除了Opera，但0.5％的市場份額不計算在內）。 – Joey

我的意思是，在選擇按鈕的情況下，它對我的設計來說看起來過於系統化。 –

嘗試NiceForms樣式表單的Javascript庫。

或JqTransform for jQuery。

你可以找到一些其他資源下面：

http://www.noupe.com/css/form-elements-40-cssjs-styling-and-functionality-techniques.html

http://speckyboy.com/2009/08/26/20-jquery-plugins-and-tutorials-to-enhance-forms/

http://devsnippets.com/reviews/using-jquery-to-style-design-elements-20-impressive-plugins.html

來源

2009-10-23 08:16:08 Andrei

您將不得不使用css和圖像背景的組合來設置表單元素的樣式。這是很容易做雖然，你應該能夠找到很多的例子在那裏......

http://www.assemblesoft.com/examples/form/

http://pupungbp.erastica.com/css/rounded-corner-input-form/

來源

2009-10-23 07:40:24 Paul

關於圓角，你可以用它圓潤的背景圖像關閉使用透明膠片，或者如果用戶使用的是基於Mozilla的瀏覽器或歌劇，你可以使用：

#formbox { 
-moz-border-radius: 5px; 
background-image: url('roundededges.jpg'); 
}

在你的CSS圓角添加到任何股利。無論是或使用一些簡單的閃光燈。

來源

2009-10-23 08:06:53

這就是所謂的CSS。普通的舊HTML看起來是由默認的CSS設置創建的。如果你想改變外觀，那麼你需要改變CSS。找到一個看起來類似於你想要的網站，並查看HTML源代碼。在STYLE標籤包裝的開頭附近會看到很多CSS。例如：

<style type="text/css"> 
    input { 
     border: none; 
     background: #FFF; 
     width: 165px; 
    } 
    .rounded { 
     background: url(rounded.gif) no-repeat left top; 
     padding: 8px; 
     width: 180px; 
    } 
    </style>

爲了獲得實際的圓角，您將需要一些可以覆蓋尖角的圖像。在示例CSS中，它指的是一個盒子的單個圖像，但通常需要四個角落圖像和四個單獨的線條圖像（頂部，底部，左側，右側）。

檢查這篇文章帶有圓角元素創建表單：http://www.picment.com/articles/css/funwithforms/

來源

2009-10-23 08:19:50

HTML表單元素，圓角，框架

回答

相關問題