HTML表单

您所在的位置:网站首页 蒙特卡洛法求π值matlab HTML表单

HTML表单

2023-04-24 03:57| 来源: 网络整理| 查看: 265

1.介绍

表单 form:主要用于用户与web服务器进行交互

action : URL 用来处理表单信息的服务器地址method : 浏览器用来提交表单的http方式

  常用:get/post

   get:提交的表单数据会附加在链接上,通过?分割

   post:表单数据存放在请求体,传递给服务器

name:设置表单的名称

2.表单元素:  input:用于接受来自用户的数据

    type:文本类型:text、submit、number...

    name:用于设定控件名和提交数据的属性名

    value:用于控件的初始化 默认值等功能 (可选)

    checked:单选框&复选框中 默认选中属性

    disabled:禁用组件 禁用后组件值不可提交

    hidde:隐藏组件  隐藏后的组件值会被提交

    maxlength:可以输入字符数量的最大值

    min  **

    max  **

例如:

用户名:

密码:

年龄:

单选框:

    水果:

    香蕉

    

    苹果

复选框:

            运动默认被选中 

            运动

            

            电影

H5中对input的扩展:

autofocus:打开默认填写

placeholder="请输入用户名"

required:表示此值为必填项或者提交表单前必须先检查该值

pattern="1\d{10}   从1开始,后加10位,且首位必须是1

maxlength="11"    固定11位数字

select:用于表示列表 或 下拉列表

属性:option 用于表示选项 包含在selec中

disabled  表示禁用组件,禁用组件的值不能被提交

value  定义控件的初始值,提交表单时,初始值会被提交

selected  默认被选中的项     例:  请选择

optgrop 包含option后形成选项组,lable:选项组名称   例:

multiple 指定控件类型(列表或者下拉列表)

    size  如果multiple生效,size表示同时展示

例: 列表:   

                value1

                value2

             

下拉列表:

            

                请选择

                value1

                 

下拉列表组:

            

                

                one

                

                

                    two

                

            

datalist :表示其他控件可用的值

与select做对比   1. select 选中后显示的是文本内容 datalist显示的是value   2.提交的时候都是提交value

        

        

         

        

            ****

            ++++

            ----

        

fieldset  :在一个表单中对多个控件或标签进行分组

  legend  是分组的标题   属性 disabled  直接禁用整个分组中的控件

           

                个人信息

                姓名:

                密码:

            

---------------------------------------------------------------------------------------------------------------------------------

其它:

textarea   :  初始文本框、可以调整大小

没有 value 属性   rows  文本框的初始行数   cols  文本框的初始列数   disabled  禁用   readonly  只读,但是值可以提交

请输入内容

progress  :进度条

max 默认值是1 value 0-1 小数   value="70" max="100"

计算:平方、+  -  *  /      output:表示用户

        

            的平方

            

        

    

        +

        =

        

    

进度、颜色:

        40

        65

        95

H5-input:

数字递加:

可拉进度条:

颜色:

日期:

时间:

月份:

周数:



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3