表单：收集用户信息

一、 组成：

　　　　　　文本框<input type="text"/>

　　　　　　密码框<input type="password"/>

　　　　　　单选框<input type="radio"/>

　　　　　　多选<input type="checkbox"/>

　　　　　　基础下拉框:

　　　　　　　　　　<select>

　　　　　　　　　　　　　　<option></option>

　　　　　　　　　　</select>

　　　　　　多选下拉框:

　　　　　　　　　　<select multiple="multiple">

　　　　　　　　　　　　<option></option>

　　　　　　　　　　</select>　　

　　　　　　分组下拉框:

　　　　　　　　　　<select>

　　　　　　　　　　　　<optgroup label="北京">

　　　　　　　　　　　　　　<option></option>

　　　　　　　　　　　　</optgroup>

　　　　　　　　　　</select>

　　　　　　多行文本框:

　　　　　　　　　　<textarea></textarea>

　　　　　　文件:

　　　　　　　　　　<input type="file"/>

　　　　　　按钮:

　　　　　　　　　　提交按钮：<input type="submit" value="提交 "/>

　　　　　　　　　　重置按钮:<input type="reset" value="重置"/>

　　　　　　　　　　普通按钮:<input type="button" value="普通"/>

　　　　　　　　　　图片按钮:<input type="image" src="地址"/>

　　　　　　　表单域:

　　　　　　　　　　 <fieldset>

　　　　　　　　　　　　<legend></legand>

　　　　　　　　　　 </fieldset>

二、实操练习

　　　　　　

　　　　代码:

　　　　　　

<!--<embed src="like.mp3" hidden="true"></embed>-->
<marquee behavior="alternate" derection="up">注册好礼多多</marquee>
<form action="" methord="post">
　　<fieldset>
　　　　　　<legend>用户注册</legend>
　　　　　　用户名:<input type="text" maxlength="12" readonly="readonly" disable="disable" value="宋巧丽"/>
　　　　　　<br/><br/><br/>
　　　　　　密码:<input type="password" />
　　　　　　<br/><br/><br/>
　　　　　　性别:<input type="radio" name="xb" value="0"/>
　　　　　　男
　　　　　　<input type="radio" name="xb" value="1" checked="checked"/>女
　　　　　　<br/><br/><br/>
　　　　　　爱好:
　　　　　　<input type="checkbox" name="xq" value="羽毛球" />羽毛球
　　　　　　<input type="checkbox" name="xq" value="冰棒球" checked="checked"/>冰棒球
　　　　　　<input type="checkbox" name="xq" value="全能"/>全能
　　　　　　<br/><br/><br/>
　　　　　　所在省:
　　　　　　<select>
　　　　　　　　　　<option value="1001">北京</option>
　　　　　　　　　　<option value="1015">天津</option>
　　　　　　</select><br/><br/><br/>
　　　　　　亲属团成员:
　　　　　　<select multiple="multiple">
　　　　　　　　　　<option value="fuqin">父亲</option>
　　　　　　　　　　<option value="muqin">母亲</option>
　　　　　　　　　　</select><br/><br/><br/>
　　　　　　籍贯:
　　　　 <select>
　　　　　　　　<optgroup label="北京">
　　　　　　　　<option>海淀区</option>
　　　　　　　　<option>昌平区</option>
　　　　　　　　<option>通州区</option>
　　　　　　　　</optgroup>
　　　　</select>

　　　　<br/><br/><br/>
　　　　头像:
　　　　　　　　<input type="file"/><br/><br/><br/>
　　　　自我介绍:<textarea cols="50" rows="10"></textarea><br/><br/><br/><br/><br/><br/>
　　　　　　　　<input type="button" value="验证"/>
　　　　　　　　<input type="submit" value="提交"/>
　　　　　　　　<input type="reset" value="重置"/>
　　　　　　　　<input type="image" src="http://pic.qiantucdn.com/58pic/13/88/40/76b58PICeqz_1024.png!/format/webp" width="100" height="50" value="测试"/>
</fieldset>

</form>

最新文章

1. 使用AsyncTask实现文件下载并且在状态中显示下载进度
2. .Net平台下，分布式文件存储的实现
3. appium 常用api介绍（2）
4. 微信支付开发-Senparc.Weixin.MP详解
5. [工具类]获取url中参数列表
6. android studio自动导包
7. Android WindowManager 监听返回键及home键
8. 让Xcode Lua 语法高亮
9. Eclipse中集成Perforce插件
10. spring多个数据源配置
11. javascript 二维（多维）数组的复制问题
12. UIDatePicker在swift中的使用
13. Spring 框架中注释驱动的事件监听器详解
14. sql server 2008R2 导出insert 语句（转载）
15. Python：Day41 http、css
16. qml: 支持的基本类型
17. Solr记录-solr检索和查询数据
18. 使用Swashbuckle.AspNetCore生成.NetCore WEBAPI的接口文档
19. Tarjan-LCA算法小记
20. Java基础小结

热门文章

1. 负载均衡 Lvs nat 模式笔记
2. Flex timer使用 keydown事件注册到stage
3. 新版本chrome浏览器控制台怎么设置成独立的窗口
4. I/O模型浅析
5. [html5] 学习笔记-服务器推送事件
6. svn conflicts: local delete, incoming delete upon update
7. class path resource [config.xml] cannot be opened because it does not exist
8. SQLSERVER 中实现类似Mysql的 INSERT ON DUPLICATE KEY UPDATE
9. MyEclipse - 解决 MyEclipse build workspace慢,validation javascript更慢的问题
10. Python单元测试——深入理解unittest