zoukankan      html  css  js  c++  java
  • 20201114 千锤百炼软工人

    今天还是学习的网课

    1 多行文本
    <textarea cols="30" rows="5">
    </textarea>
    2 复选框
    <select>
    <option selected="selected">xxx</option>
    </select>
    3 语义化表单
    <fieldset>
    <legend>标题</legend>
    <! -- 其他相同 -->
    </fieldset>
    4 回车
    <br/>
    5 表单标注
    <label for="xian"> 西安</label>
    <input type="checkbox" id="xian"/>
    6 提交文件
    必须在form中添加 enctype="muultipart/form-data">
    <input type="file" name="file1" />
    7 文本框只读设置
    readonly="readonly"
    8 文本框最大输入长度
    maxlength="X"
    9 文本框长度设置
    size="X"
    10 视频播放
    <video src="XXXXX/xxxxxx" controls></video>
    <!-- 放多个视频只让他播放一个。为的是防止浏览器无法播放该格式的问题-->
    <video controls(各种按钮暂停键播放键) autoplay(自动播放)>
    <source src="XXXX/xxxx.webm" type="video/webm"(声明类型提高效率)/>
    <source src="XXXX/xxxx.mp4"type="video/mp4"/>
    <source src="XXXX/xxxx"/>
    视频不支持(当上面所有视频不支持时的备选字段,以此提示用户)
    </video>
    11 音频
    <audio>
    </audio>
    其他跟视频相同
    12 布局标签
    图片
    13 邮箱
    html5 自带正则校验的输入框
    <input type="email" />
    14 网址
    同上
    <input type="url"/>
    15 数字
    同上
    <input type="number" min="0" max="100" step="10"/>
    16 数字滑块
    <input type="range" min="0" max="100" step="10"/>
    17 搜索栏
    <input type="search" placeholder="请输入商品名" />
    18 必填项
    required 在表单中使用用来校验非空
    19 正则表达式
    pattern (需要系统学习)

  • 相关阅读:
    jquey插件开发
    平常问题传送门
    Angular1实战总结01:了不起的$cacheFactory
    node基础15:events模块
    node基础14:连接数据库
    node基础13:异步流程控制
    node基础12:动态网页
    node基础11:接受参数
    node基础10:处理异常
    IOS子视图超过父视图frame后,无法交互响应
  • 原文地址:https://www.cnblogs.com/huangmouren233/p/14083187.html
Copyright © 2011-2022 走看看