第六讲：智能表单的应用.ppt

创建易用的 Web 表单主讲:丛浩***@LAMP 兄弟连丛浩 conghao@ 便于排版的 From 表单 XHTML 或者 中 from 和其中的表单标签(input 、 textarea 、 select 、 button) 必须嵌套使用<form action=" " method="post"> <input type="text" name="user" /> <select name="year"> <option value="1999"></option> </select> <textarea name="ext" ></textarea> <button type="submit"> 提交</button> </form> HTML5 中为了方便排版,可以使 from 中的表单标签脱离 from 的嵌套。方法:from 指定 ID ,所有表单标签均添加 from=id 属性。<form action="" method="post" id="register" > </form> <input type="text" name="user" form="register" /> <select name="year" form="register" > <option value="1999"></option> </select> <textarea name="ext" form="register" ></textarea> <button type="submit" form="register" >提交</button> 智能表单的使用和规范 Input 表单的 type 新属性值 Type="email" 限制用户输入必须为 Email 类型 Type="url" 限制用户输入必须为 URL 类型 Type="date" 限制用户输入必须为日期类型 Type="time" 限制用户输入必须为时间类型 O Type="month" 限制用户输入必须为月类型 O Type="week" 限制用户输入必须为周类型 O Type="number" 限制用户输入必须为数字类型 Type="range" 产生一个滑动条的表单 Type="search" 产生一个搜索意义的表单配合 results="n" 属性 C Type="color" 生成一个颜色选择表单新增的表单属性属性值说明 Required required 表单拥有该属性表示其内容不能为空,必填 placeholder 提示