html5 css3表单
2015-01-10 20:43
218 查看
<!DOCTYPE html> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> div{ margin:20px; } </style> <script type="text/javascript"></script> </HEAD> <BODY> <form id="redemption" method="post"> <hgroup> <h1>Oscar Redemption</h1> <h2>Here`s your chance to set the record straight:tell us what year the wrong film got nominated,and which film <b>should</b>have received a nod ...</h2> <hgroup> <fieldset> <legend>About the offending film (part 1 of 3)</legend> <div> <label for="film">The film in question?</label> <input id="film" name="film" type="text" placeholder="e.g.King Kong" required aria-required="true"> </div> <div> <label for="search">Search the site...</label> <input id="search" name="search" type="search" placeholder="Wyat Earp" autofocus> </div> <div> <label for="tel">Thphone(so we berate you if you're wrong)</label> <input id="tel" name="tel" type="tel" placeholder="1-234-546758" autocomplete="off" required aria-required="true"> </div> <div> <label for="awardWon">Award Won</label> <input id="awardWon" name="awardWon" type="text" list="awards"> <datalist id="awards"> <select> <option value="Best Picture1"></option> <option value="Best Picture2"></option> <option value="Best Picture3"></option> <option value="Best Picture4"></option> </select> </datalist> </div> </form> </BODY> </HTML>
相关文章推荐
- 让你的表单升级到CSS3和HTML5客户端验证
- css3 html5 form漂亮的表单
- HTML5/CSS3相关 ------HTML5 新增标签,HTML5新增表单,CSS3新增选择器
- 超酷HTML5和CSS3实现的登录及其注册功能表单
- 超酷HTML5和CSS3实现的登录及其注册功能表单
- 教程:让你的表单升级到CSS3和HTML5客户端验证
- 开始使用HTML5和CSS3验证表单
- html5和css3登录表单
- 用html5和css3建立一个友好且有趣的表单(国外网址学习)
- 使用HTML5和CSS3创建一个时髦的联系表单
- 使用HTML5和CSS3创建一个时髦的联系表单
- 教程:让你的表单升级到CSS3和HTML5客户端验证
- 22个实用的HTML5 CSS3表单开发教程
- CSS3/HTML5实现漂亮的分步骤注册登录表单
- HTML5&CSS3笔记:用HTML5和CSS3征服表单
- 使用HTML5和CSS3美化表单
- 04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单
- 用 HTML5 和CSS3 征服表单
- HTML5和css3实例:制作HTML5验证的网页表单
- html5 css3表单新特性