专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > HTML/CSS

HTML学习十:表单格式化

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
HTML学习10:表单格式化

表单格式化,其实我也不想起这个名字的,在前面学习的HTML中有文本格式化,这次的表单和表格的结合不妨叫

做表单格式化。

这篇博客用到的HTML主要标签有:<table>标签和<form>标签以及两个标签中所包含的各个小标签。这些标签的使

用和效果在前面已经展示过了,就不再啰嗦了。

顾名思义,表单格式化就是将表单的内容以表格呈现。在写好表单的情况下,用表格将其内容存放。可能我的表述

还不明白,但是我现在理解的就是这样的。以后可能会有不一样的理解!

直接上代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>HTML表单格式化演示</title></head><body>      <div align="center">       <form>          <table border="1" bordercolor="#0000FF" cellpadding="10" cellspacing="0" width="600">          <tr>       <th colspan="2">注册表单</th>  </tr>  <tr>       <td align="right">用户名称:</td>   <td>        <input type="text" name="user" />   </td>  </tr>  <tr>       <td align="right">输入密码:</td>   <td>        <input type="password" name="psw" />   </td>  </tr>  <tr>       <td align="right">确认密码:</td>   <td><input type="password" name="repsw" />           </td>  </tr>  <tr>       <td align="right">选择性别:</td>   <td>        <input type="radio" name="sex" value="man" />男 <input type="radio" name="sex" value="woman" />女   </td>  </tr>  <tr>       <td align="right">选择技术:</td>   <td><input type="checkbox" name="technology" value="JAVA" />JAVA                   <input type="checkbox" name="technology" value="HTML" />HTML       <input type="checkbox" name="technology" value="CSS" />CSS        </td>  </tr>  <tr>       <td align="right">选择国家:</td>   <td>        <select name="country">                    <option value="none">--选择国家--</option><option value="China">中国</option><option value="USA">美国</option>                    <option value="UK">英国</option>            </select>   </td>  </tr>  <tr>       <th colspan="2">        <div align="center">          <input type="reset" value="清除数据" />          <input type="submit" value="提交数据" />                    </div></th>  </tr>  </table>   </form>   </div></body></html>
浏览器运行结果为:


表单格式化的制作是为了以后实现登录页面与服务器端交互所做的,也可以不用,在后面我们讲述客户端的

JavaScript验证和服务器端的完全验证。这里我们讲述的主要还是静态页面,在后面的学习中学习了动态网站技术,

我们再来实现交互。目前我所接触的就是ASP.NET了,学习了C#编程语言,应该可以在VS中实现交互。

HTML学习表单格式化相关的知识:HTML学习7:常用标签之表格标签

HTML学习9:常用标签之表单标签



版权声明:本文为博主原创文章,未经博主允许不得转载。

友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: