国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

用CSS實現表單form布局

2020-10-23 18:51:29
字體:
來源:轉載
供稿:網友

出處:http://blog.donews.com/dodo/archive/2005/06/18/434979.aspx

在TABLE布局中設計Form,一般都是用2個td來布局,如果不用table,用CSS怎么做呢?看看下面的代碼


<style type="text/css">

label{
float: left;
width: 80px;
}
form{margin:0px}
input{
width: 180px;
border:1px solid #808080
}

textarea{
width: 250px;
height: 150px;
}

#sbutton{
margin-left: 80px;
margin-top: 5px;
width:80px;
}

br{
clear: left;
}

</style>

<form action="" method="post">

<label for="user">姓名:</label>
<input type="text" id=user name="user" value="" /><br />

<label for="email">郵件:</label>
<input type="text" id=email name="email" value="" /><br />

<label for="comment">備注:</label>
<textarea id=comment name="comment">
</textarea>
<br />

<input type="submit" id="sbutton" value="確定" /><br />

</form>

 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 安宁市| 鞍山市| 土默特左旗| 德庆县| 怀远县| 靖江市| 高安市| 施秉县| 珠海市| 资中县| 万荣县| 鄂尔多斯市| 桐柏县| 瓦房店市| 南召县| 湖北省| 郎溪县| 泗洪县| 绵阳市| 盱眙县| 聂荣县| 都江堰市| 信丰县| 涪陵区| 黑山县| 五原县| 新沂市| 临海市| 桦南县| 垫江县| 南召县| 吉水县| 肃北| 苗栗县| 黄陵县| 巢湖市| 巨野县| 白水县| 琼海市| 乌兰浩特市| 西贡区|