《网页开发手记》学习笔记之表单
来源:互联网 发布:淘宝域名注册 编辑:程序博客网 时间:2024/05/17 09:42
表单用于把用户输入的数据提交给后台的程序处理。页面中可以包含有多个表单,但要保证表单只提交一次。表单是静态网页与动态网页技术的枢纽。
以下是一个综合的表单:
<html><head> <title>注册表单</title></head><body><form name="form_set" method="post" action=""><table width="450" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th scope="col">用户注册</th> </tr> <tr> <td> <fieldset> <legend>身份验证-必填信息</legend> <table width="85%" border="0" align="center" cellpadding="0" cellspacing="2"> <tr> <td width="25%" align="right">用户名</td> <td><input type="text" size="16" name="txt" /></td> </tr> <tr> <td width="25%" align="right">密 码</td> <td><input type="password" size="16" /></td> </tr> <tr> <td width="25%" align="right">密码确认</td> <td><input type="password" size="16" title="请确保和以上密码一致" /></td> </tr> </table></fieldset> </td> </tr> <tr> <td> <fieldset> <legend>身份信息-选填信息</legend> <table width="85%" border="0" align="center" cellpadding="0" cellspacing="2"> <tr> <td width="25%" align="right">所在城市</td> <td><input type="text" size="16" /></td> </tr> <tr> <td width="25%" align="right">工作单位</td> <td><input type="text" size="30" /></td> </tr> <tr> <td width="25%" align="right">家庭住址</td> <td><input type="text" size="30" /></td> </tr> </table> </fieldset> </td> </tr> <tr> <td> <fieldset> <legend>其他个人信息</legend> <table width="85%" border="0" align="center" cellpadding="0" cellspacing="2"> <tr> <td width="25%" align="right">性别</td> <td> <select> <option selected="selected">男孩</option> <option>女孩</option> </select> </td> </tr> <tr> <td width="25%" align="right">爱好</td> <td><label><input type="checkbox" name="fav" />音乐</label> <label><input type="checkbox" name="fav" />体育</label> <label><input type="checkbox" name="fav" checked="checked" />计算机</label> </td> </tr> <tr> <td width="25%" align="right">喜欢的公司</td> <td><label><input type="radio" name="fav2" />百度</label> <label><input type="radio" name="fav2" />微软中国</label> <label><input type="radio" name="fav2" />谷歌中国</label> </td> </tr> <tr> <td width="25%" align="right" valign="top">个人简介</td> <td><textarea cols="30" rows="4" wrap="physical" title="请写下您的个人介绍,让大家更进一步地互相了解"></textarea> </td> </tr> </table> </fieldset> </td> </tr> <tr> <td><table width="85%" border="0" cellspacing="2" cellpadding="0"> <tr> <td align="right"><input type="submit" value="提交您的资料" /></td> <td><input type="reset" value="重新填写资料" /></td> </tr> <tr> <td align="right"><input type="button" value="无效按钮" disabled="disabled" /></td> </tr> </table> </td> </tr></table></form></body></html>
最后的效果如下:
就是这样。
<fieldset>:将表单的信息分栏,其子元素<legend>则是每栏的标题。
<form>表单内可以有多个种类的表单控件,如上所见。
0 0
- 《网页开发手记》学习笔记之表单
- 《网页开发手记》学习笔记之HTML概述
- 《网页开发手记》学习笔记之HTML标签
- 《网页开发手记》学习笔记之CSS和DIV
- DirectX 9.0c游戏开发手记之“龙书”第二版学习笔记之1: 开场白
- DirectX 9.0c游戏开发手记之“龙书”第二版学习笔记之7: Chap9: Color
- DirectX 9.0c游戏开发手记之“龙书”第二版学习笔记之8: Chap10: Lighting
- DirectX 9.0c游戏开发手记之“龙书”第二版学习笔记之9: Chap11: Texturing
- DirectX 9.0c游戏开发手记之“龙书”第二版学习笔记之10: Chap12: Blending
- Angular4学习笔记之表单
- 《没道云笔记》开发手记
- DirectX 9.0c游戏开发手记之“龙书”第二版学习笔记之2: Chap4: Direct3D Initialization
- DirectX 9.0c游戏开发手记之“龙书”第二版学习笔记之4: Chap6: The Rendering Pipeline
- DirectX 9.0c游戏开发手记之“龙书”第二版学习笔记之6: Chap8: Drawing in Direct3D ---- Part II
- DirectX 9.0c游戏开发手记之“龙书”第二版学习笔记之5: Chap7: Drawing in Direct3D ---- Part I
- CGI学习手记-CGI和表单②
- 网页开发之如何防止表单重复提交
- 网页开发之表单标签中method的get/post
- SQL 和Mongo 对比图表
- MFC中UpdateData()函数的使用
- vc 连接 打开url服务器
- 设计模式------代理模式
- django--URL配置
- 《网页开发手记》学习笔记之表单
- mybatis实战教程(mybatis in action),mybatis入门到精通
- AFNetworking 2.0
- 联想460A笔记本ubuntu下关闭独立显卡
- "Pure Virtual Function Called" 纯虚函数调用错误分析(翻译)
- Process 之間的溝通
- linux 安装软件
- swift 设置account-quotas container-quotas
- Linux的timerfd分析