html form表单

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>From表单</title>
  <!-----
  元素:textBox文本框
password密码框
textArea文本域
select下拉框
checkbox
radioButton
button 
submit
reset
  ---->
 </head>
 <body>
  <form id ="frmReg" action="regsucced.html" method="get">
<table border='1' width='500px' align="center">
<tr><td colspan='3' align="center"><h2>用户注册</h2></tr>
<tr><td>用户名:</td>
    <td><input type="text" id="txtName" name="txtName"/></td><td></td></tr>
<tr><td>密码</td>
    <td><input type="password" id="txtpwd" name="txtpwd"/></td><td></td></tr>
<tr><td>确认密码:</td><td>
<input type="password" id="txtpwdconfirm" name="txtpwdconfirm"></td><td></td></tr>
<tr><td>性别:</td><td>
<input type="radio" value="男" name="gender" checked/>男
<input type="radio" value="女" name="gender"/>女
</td><td></td></tr>
<tr><td>爱好:</td><td>
<input type="checkbox" name="hobby" value="跳舞"/>跳舞
<input type="checkbox" name="hobby" value="睡觉"/>睡觉
<input type="checkbox" name="hobby" value="打豆豆"/>打豆豆
</td><td></td></tr>
<tr><td>地址:</td><td>
<select id="seladd" name="seladd">
<option value="-1">-----请选择-----</option>
<option value="xx">xx</option>
<option value="xx">xx</option>
<option value="xx">xx</option>
</select>
</td><td></td></tr>
<tr><td>头像:</td><td>
<input type="file" id="fphoto" name="fphoto">
</td><td></td></tr>
<tr><td>备注:</td><td>
<textarea id="txtremark" name="txtremark" rows="5">
</textarea>
</td><td></td></tr>
<tr><td colspan="3" align="center">
<input type="submit" name="btnsave" value="   提交  "/>
<input type="reset" name="btnquery" value="    重置  ">
</td></tr>
</table>
  </form>
 </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
.x-form .x-btn{ height:25px; width:95px; line-height:25px; color:#000; background:#414143 url(images/btn_02.jpg); border:0px; margin-left:5px; } .x-form .x-brnull{ border-right:0px; } .x-msg{ background:#EEF5FF; margin:0px auto; color:#000; border:1px solid #ccc; } .x-msg A{ text-decoration:none; color:red; } .x-form .x-blnull{ border-left:0px; } .x-form-title,.x-form-title td{ font-weight:bold; color:#000; background:#eee; border:1px solid #dcdcdc; } .x-form-bBack td{ background:url(images/bg6.jpg) repeat-x; color:#FFF; border:1px solid #4D4D4D; } .x-form-bGreen td{ background:url(pic/bg14.jpg) repeat-x; } .x-form-title span,.x-form-title td span{ margin-left:10px; } /**列表***/ .x-list{ width:100%; font-size:12px; } /***列表Head**/ .x-list .x-head td,.x-list .x-head th{ /***background:url(images/head_bg.gif) repeat-x;**/ background:url(pic/bg14.jpg) repeat-x; height:27px; line-height:27px; text-align:center; font-weight:bold; } /**行的默认颜色**/ .x-list td{ padding-left:3px; height:27px; line-height:27px; border:1px solid #dcdcdc; } .x-list .x-sRow td{ background:#F8F8F8; } /**偶数行背景颜色***/ .x-list .x-dRow td{ background: #FBECC6; } /**选中TD背景颜色**/ .x-list .x-stRow td{ background:#d5effc url(images/td_over.png) repeat-x; } /**内容显示位置 left center right**/ .x-list .x-l{ text-align:left; } .x-list .x-c{ text-align:center; } .x-list .x-l{ text-align:right; } /**分页**/ .x-list .x-page{ height:35px; line-height:35px; background:#eee; text-align:center; } .x-list .x-page A{ margin-left:5px; text-decoration:none; color:#004A9B; } .x-list .x-page A:hover{ color:#404040; } .x-list td .x-a A{ text-decoration:none; color:#000; } .x-list td .x-a A:hover{ text-decoration:underline; color:#999; } 比较实用的box样式表单
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值