2初识html表单内容

发布于:2022-10-29 ⋅ 阅读:(352) ⋅ 点赞:(0)

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="ftime”限制用户必须输入时间类型

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选择(上传)多个

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到