html5 from表单

最新推荐文章于 2023-05-06 17:45:56 发布

裂魂人1214

最新推荐文章于 2023-05-06 17:45:56 发布

阅读量524

点赞数

分类专栏： html5 文章标签： html5

本文链接：https://blog.csdn.net/b422761838/article/details/78244911

版权

html5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!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>