html5 from表单

来源：互联网发布：日语jtest考试软件编辑：程序博客网时间：2024/05/18 22:55
<!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>
阅读全文
0 0