【无标题】

form表单

	form 标签,表单,可以用来提交数据
    form 是一个块标签
    action 属性,数据要提交到的服务器地址,一般是接口地址
    method属性,数据的提交方式
        他的值有
            get post put delete 等

        get:get请求可以把数据拼接到接口地址的url上,缺点是
        不安全,提交的数据较少
        post:post请求,在post提交的数据信息中,不会看到提交
        的数据结构,相比较get是安全的,并且提交的数据较大

    label 标签,行标签,经常和input搭配使用,表示input的标题
    input 标签,行标签,输入框,常用于表单输入
        type属性,用来设置输入框的类型
            属性值
            text 文本输入框
            password 密码输入框
            button 普通按钮
            submit 提交按钮
            reset 重置按钮
            radio 单选框
            checkbox 多选框
            hidden 隐藏框

    value属性,设置input的值
    name属性,对于界面显示没有任何影响,主要用于数据交互,实质上name的值
        既是后台数据的字段名

    placeholder属性,输入框的提示信息
    maxlength 属性,输入字符最大长度

    单选框和复选框的默认选中,只需要在input上设置checked属性即可

    禁用某一个input标签,只需要input添加disabled属性即可

    给某一个输入框添加只读属性readonly,确保该输入框内容可以通过程序修改,
    并且能提交到后台

    disabled和readonly的异同
    1  他们都不能手动修改
    2  disabled的值不能提交和使用,readonly的值可以提交到后台
    
    input属性,input虽然是行,但是可以设置宽高
        minlength 最少字符数
        required 设置为必填项
    type属性
        file提交文件
        number输入数字

    select 下拉框 行标签
        他的子级必须是 option标签,每一个option标签表示一个选项
        ,option具有value属性
    fieldset 创建一个组
        legend 组的标题
    textarea 多行文本输入框
        属性
            rows 设置具有多少行
            cols 设置具有多少列

H5标签

	 h5新特性有哪些
    1  新增了很多语义化标签
    2  废弃了一些css修饰和html标签
    3  支持本地持久化数据
    4  增加了音视频标签的api
    5  提供了canvas画布及其api

    H5各种功能较新,低于ie9的浏览器支持的功能不够全面,建议使用ie9
    及其以上的浏览器
    <!-- mark 标记标签 -->
<p>两只<mark>黄鹂</mark>鸣翠柳</p>
<!-- meter 用电量标签 
常用于能量的使用或者内容的使用量 
属性
    value 当前电量的值
    max 最大值
    min 最小值
    low 用电量最低报警值
    high 用电量最高报警值

当前标签中的文字,只有在浏览器不支持的时候会被渲染出来
    
	-->
 	<meter value="10" max="100" low="20" high="90" min="0">你的浏览			器太	kow了</meter>
<!-- 
    进度条标签
    只有最大max属性
    没有min属性
    value属性是当前值

 -->
<progress max="100" value="50"></progress>
<!-- 
    ruby标签
    常用来做拼音,注释,注音等
    rt 表示注释内容
    rp 如果浏览器不支持,显示的内容
 -->
<ruby>赵
    <rt>zhao</rt>
    <rp>你的浏览器太kow了</rp>
</ruby>

<!-- 
    datalist 数据列表
        通过input的list属性和datalist的id属性进行绑定

        datalist中的选项使用option标签
        通过datalist可以制作关联查询效果
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值