<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form id="form"> <!-- 选择多个文件 加multiple--> <input type="file" multiple> <input type="submit" value="确定"> </form> <!-- 提交form外的表单 form=表单的ID--> <input form="form" type="email"/> <br/> <!-- datalist 目前支持的浏览器比较少--> <input type="text" placeholder="请输入英雄名称" list="name_list"> <datalist id="name_list"> <option label="天灾军团" value="末日使者" /> <option label="天灾军团" value="黑暗游侠" /> <option label="天灾军团" value="裂魂人" /> <option label="近卫军团" value="沉默术士" /> <option label="天灾军团" value="术士" /> </datalist> <br/> <!-- 下拉框分组--> <select> <optgroup label="近卫军团" > <option value ="光之守卫">Volvo</option> <option value ="树精卫士">Saab</option> </optgroup> <optgroup label="天灾军团"> <option value ="神灵武士">Mercedes</option> <option value ="地穴编织者">Audi</option> </optgroup> </select> <br/> <!-- 自动获取焦点 autofocus--> <input type="text" > <input type="text" autofocus> </body> </html>
html5 from表单
最新推荐文章于 2024-06-03 00:34:03 发布