表单的简单使用
2016-08-28 16:01
239 查看
本篇讲的是表单的简单使用的一个小demo。
很简单,直接上code
附图:
很简单,直接上code
<!DOCTYPE html> <html lang="en"> <head> <title>html表单设计展示</title> <meta charset="utf-8"> </head> <body> <h2>简单的表单示例</h2> <form action="" method=""> 用户名:<input type="text" name="win" value="winson" size="10" maxlength="20"><br/><br/> 密码:<input type="password" value="" name="coding" size="10"><br/><br/> <input type="hidden" value="隐藏的内容" name="hiddencontent" size="10"> 兴趣:<input type="checkbox" name="PE" checked="checked">体育 <input type="checkbox" name="sing">唱歌<br/><br/> 性别:<input type="radio" name="gender" value="male" checked="checked">男 <input type="radio" name="gender" value="female">女<br/><br/> 自我介绍:<br/><br/> <textarea cols="25" rows="12" name="selperson"> 这是自我介绍,可以填写一些内容 </textarea><br/><br/> 城市: <select name="city"> <option value="shanghai">上海</option> <option value="beijing">北京</option> <option value="guangzhou">广州</option> <option value="nanjing">南京</option> <option value="hefei">合肥</option> <option value="lu‘an">六安</option> </select><br/><br/> <input type="submit" value="提交"> <input type="reset" value="重置"> <input type="button" value="按钮"> </form> </body> </html>
附图:
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- 设计模式---状态模式在web前端中的应用
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的
- 在线用表单建立文件夹
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Jquery 表单取值赋值的一些基本操作
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧