h5综合表单

2017-07-03 18:41:00
admin
原创
307
<html>
<body>
<fieldset>

    <legend>表单</legend>

    <form action="" method="POST" id="form1">

        <input type="text" autofocus="autofocus" required pattern="\d+" name="auto" placeholder="必填项测试" />

        <input type="number" name="demoNumber" min="1" max="100" step="2" />

        <input type="email" placeholder="请输入邮箱" name="mail" />

        <input type="url" name="url" placeholder="输入正确的网址" />

        <br />

        日期:<input type="datetime" name="time" />

        颜色:

        <input type="color" name="color" /><br />

        <br />

        <input type="range" min="0" max="50" step="5" name="rangedemo" value="0" />

        <output onforminput="value=rangedemo.value">0</output>

        <br />

        <input type="submit" value="提交表单" />

    </form>

    表单外的input标签:

    <input type="text" form="form1" name="demo" />

</fieldset>
</body>
</html>

文章分类
联系我们
电话: 18902328227
Email: 2689701946@qq.com
QQ: 2689701946
微信: 18902328227
地址: 广州番禺区繁华路
  • 在线客服
  • 关注微信
  • 联系电话
    • 欢迎咨询
    • 欢迎加入QQ群 303257430
  • 公众号:源宝网络
    • 联系电话及微信号 18902328227