<form id="ddzdh"><form id="ddzdh"><nobr id="ddzdh"></nobr></form></form>

        <address id="ddzdh"><nobr id="ddzdh"></nobr></address>

              歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

              CSS實現表單form布局實例,css form實例

              很多時候我們遇到Form表單,左邊是文字標題,右邊是表單input空,對于新手來說是非常麻煩的事,好了接下來我們將奉送一段div+css代碼關于Form表單布局實例及源代碼。

              Form表單實例達到效果圖
               

              CSS form表單布局實例效果圖
              div css的Form表單效果圖

              Css form表單css源代碼如下:

              1.  <style type="text/css"> 
              2. <!-- 
              3. /* www.yfzzdoors.com之css form實例 */ 
              4. label{float: left;width: 80px;line-height:25px;} 
              5. form{margin:0px} 
              6. input{width: 180px;border:1px solid #808080;} 
              7. textarea{width: 250px;height: 150px;} 
              8.  
              9. #sbutton{margin-left: 80px;margin-top: 5px;width:80px;} 
              10.  
              11. br{clear: left;} 
              12. --> 
              13. </style> 

               Css form表單html源代碼如下:

              1.  <form action="" method="post"> 
              2. <label for="user">姓名:</label> 
              3. <input type="text" id=user name="user" value="" /><br /> 
              4.  
              5. <label for="email">郵件:</label> 
              6. <input type="text" id=email name="email" value="" /><br /> 
              7.  
              8. <label for="comment">備注:</label> 
              9. <textarea id=comment name="comment"> 
              10. </textarea><br /> 
              11.  
              12. <input type="submit" id="sbutton" value="確定" /><br /> 
              13. </form> 

              希望div+css網站總結的css form表單樣式案例對你有幫助。
              查看CSS FORM表單在線演示-點我查看

              如需轉載,請注明文章出處和來源網址:http://www.yfzzdoors.com/template/m99.shtml

              人妻AV乱片AV,A∨天堂网在线观看免费,希崎杰西卡亚洲精品中文字幕

                  <form id="ddzdh"><form id="ddzdh"><nobr id="ddzdh"></nobr></form></form>

                    <address id="ddzdh"><nobr id="ddzdh"></nobr></address>