表单属性。

<body>

        <!-- input属性

        button  按钮

        text 默认文本

        radio 单选

        checkbox 复选框

        submit  提交

        password  密码

        reset 重置

       

        color  颜色

        number  数字

        file   上传文件

        url  网址

        email 邮箱

        tel手机号

        search 搜索框

        date  日期

        range  滑块

       

        time 时间

        month  月

        week 周

       

         -->

         <!-- multiple 可以上传多个文件,通常与file搭配使用 -->

         <!-- placeholder  表单的请示文字 -->

         <!-- required 表单输入不能为空 -->

         <!-- autofocus设置默认焦点 -->

         <!-- autocomplete记录历史输入  on打开  off关闭 -->

         <!-- pattern 正则验证 -->

         <!-- min  max  数字的值   通常与number和range -->

         <!-- step 数字的跳跃间隔 -->

         <!-- readonly只读模式 -->

         <!-- disabled禁用模式 -->

         <input type="file" multiple name="" id="" value="" />

       

         

         <form method="post">

            <!-- <input type="text" placeholder="请输入" required> -->

            <!-- <input type="url" name="" id="" value=""  /> -->

            <!-- <input type="text" pattern="[A-Za-z]{3}" name="" id="" value="" /> -->

            <input type="text" readonly>

            <input type="text" disabled>

            <input type="number" min="3" name="" id="" value="" />

            <input type="number" step="5" name="" id="" value="" />

            <input type="range" name="" id="" value="" />

            <input type="email" name="" id="" value="" autofocus />

            <!-- <input type="date">

            <input type="time" name="" id="" value="" />

            <input type="number">

            <input type=" button"> -->

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

         </form>

         

        <form autocomplete="on">

          First name:<input type="text" name="fname"><br>

          Last name: <input type="text" name="lname"><br>

          E-mail: <input type="email" name="email" autocomplete="off"><br>

          <input type="submit">

        </form>

        <!-- localStorage - 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。

        sessionStorage - 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。 -->

        <div id="result"></div>

        <div id="ids"></div>

        <!-- 保存数据:localStorage.setItem(key,value);

        读取数据:localStorage.getItem(key);

        删除单个数据:localStorage.removeItem(key);

        删除所有数据:localStorage.clear();

        得到某个索引的key:localStorage.key(index); -->

       

        <!-- 保存数据:sessionStorage.setItem(key,value);

        读取数据:sessionStorage.getItem(key);

        删除单个数据:sessionStorage.removeItem(key);

        删除所有数据:sessionStorage.clear();

        得到某个索引的key:sessionStorage.key(index); -->

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值