2初识html表单内容

1:表单标签

<from></from>

                属性:

                        action=" 接口地址 "

                         method=" get/post "

                                      get:1.在地址栏明文提交2:有长度限制,有可能早晨该数据丢失;不安全3:通常向数据库获取数据,不会改变数据库数据4:通常提交的数据较短,速度快

                                        post:1:不在地址栏提交,2:没有长度限制,安全3:通常向数据库发送数据,会改变数据库数据4:通常提交的数据较大,速度满

2:表单控件

<input></input>

                属性:

                        type="text"单行文本输入框

                        type="password”密码框

                        type="submit"提交按钮

                        type= "reset"重制按钮

                        type="button”空按钮

                        name="名字"

                        value="值"

                        placeholder="提示信息"

新增表单

        新增type类型

        input

type="emai1”限制用户必须输入email类型type="url”

type="range”产生一个滑动条表单

type="number”限制用户必须输入数字

type="search”产生一个搜索意义的表单

type="color”生成一个颜色选择的表单

type="time”限制用户必须输入时间类型

type="month”限制用户必须输入月类型

type="week”限制用户必须输入周类型

type="datetime-local”选取本地时间

type=”date”日期

        新增加标签:

       output输出框

datalist > option:关联提示信息标签

新增表单属性:

required 监测是否为空。

min最小

max最大

step步幅确定一个法定值。 -3 03 6 9

list必须结合datalist标签,绑定datalist id名称。

autocomplete是否自动提示信息属性值on off

placehoider文本框的提示信息

autofocus自动聚焦。一个页面只能由一个。

pattern后面的属性值是一个正则表达式。

<input pattern="[e-9][A-Z][3}" title="输入的内容为一个数字与三个大写字母"/>

novalidate  取消验证(form表单)

multiple选择(上传)多个

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值