HTML表单fieldset
生活随笔
收集整理的這篇文章主要介紹了
HTML表单fieldset
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.說明
?fieldset 元素fieldset 標簽 – 對表單進行分組
2.案例
<HTML><head><meta charset="utf-8" /><title></title></head><body><form action="http://www.dreamdu.com/dreamdu.php" method="post" enctype="multipart/form-data" id="dreamduform"><fieldset><legend>用戶名與密碼:</legend><input name="hiddenField" type="hidden" value="hiddenvalue" /><label for="username">用戶名:</label><input type="text" id="username" value="www.dreamdu.com" /><label for="pass">密碼:</label><input type="password" id="pass" /></fieldset><fieldset><legend>性別:</legend><label for="boy">男</label><input type="radio" value="1" id="sex" /><label for="girl">女</label><input type="radio" value="2" id="sex" /><label for="sex">保密</label><input type="radio" value="3" id="sex" /></fieldset><fieldset><legend>我最喜愛的:</legend><label for="computer">計算機</label><input type="checkbox" value="1" id="fav" /><label for="trval">旅游</label><input type="checkbox" value="2" id="fav" /><label for="buy">購物</label><input type="checkbox" value="3" id="fav" /></fieldset></form></body></HTML>3.自定義樣式
<fieldset style="width:300;height:150;border:1px dashed red" align="center"><legend style="width:100px;text-align:center;font-family:arial;font-weight:bold">1234</legend> </fieldset>?
總結
以上是生活随笔為你收集整理的HTML表单fieldset的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 橄榄油,冷榨和初榨那个好?都有什么区别？
- 下一篇： 2017年html5行业报告,云适配发布