智能表单的应用.ppt

该【智能表单的应用 】是由【ielbcztwz24384】上传分享，文档一共【7】页，该文档可以免费在线阅读，需要了解更多关于【智能表单的应用 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。创建易用的Web表单
主讲：丛浩
***@LAMP兄弟连丛浩
单击此处添加副标题
便于排版的From表单
01
02
(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>
<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>
HTML5中为了方便排版，可以使from中的表单标签脱离from的嵌套。方法:from指定ID，所有表单标签均添加from=id属性。
智能表单的使用和规范
新增的表单属性
Autocomplete列表
Datalist标签配合option标签实现的自动填充表单功能：
单击此处添加小标题
<input type="search" name="move" list="search" >
<datalist id="search" >
<option>黑老师的由来</option>
<option>男人缘何肾虚</option>
<option>佳佳婕婕不得不说的故事</option>
</datalist>
单击此处添加小标题
效果图
单击此处添加小标题
output的使用
<form oninput="=*“ >
<input type="text" name="no1">
<input type="text" name="no2">
<output name="res"></output>
</form>