zoukankan      html  css  js  c++  java
  • 表单

     属性                                           说明

    action                                          此属性指示服务器上处理表单输出程序。一般来说用户单击表单上提交按钮后信息发送到Web服务器上,由action属性所指示的程序处理。语法action="URL"如果action属性为空则表单默认提交单本页

    method                                       此属性告诉浏览器如何将数据提交给服务器,他指定向服务器发送的方法语法为:nethod=(get | post)<input>元素的常用属性

    type                                             此属性指定表单元素的类型。可用类型有:text,password,checkb ox,radio,submit,reset,file,email,number,url,hidden,image和button。默认值为text。

    name                                               此属性是表单元素的名称。例如, 如果表单上有几个文本框,可按名称来标识他们如:usename,phone等,

    value                                           此属性为可选属性他指定的表单元素单的初始值如果是type和radio类型,则必须指 定一个值

    size                                             此属性值指表单元素的初始如果type,text或password类型的,则表单的大小以字符为单位对于其他输入类型宽度以像素为单位

    maxlength                                    次属性指定在text,password 元素中输入最大字符,  最大字符为无限大。

    checked                                        此属性用于指定按钮是否被选中的。当输入类型为radio或checkbox时,使用此属性 

    1.文本框

    最常见的表单输入的元素文本框(text),它用于单行文本信息,如用户名的输入文本框。若要在文本里创建一个文本框,将表单元素type设为text 类型就可以了

    3.单选框

    用户一次只能选择一个单元框,只有从组中选出的单元按钮才会提交对应的数值。

    4.复选框

    复选框有些类似只不过复选框可以选择多个选type属性设为checkbox就可以创建一个复选框了

    5.列表框

    它是通过<select>标签和<option>标签

    11.数字

    number类型的input 

    元素提供用于输入的文本框。还可以对所接收数字进行限制,规定允许的最大值,最小值合法的数字隔或默认值等。

                                                    gange类型的属性

    属性                       值                                                         描素

    value                  number                                   规定的默认值

    min                    number                                   规定允许的最小值

    max                   number                                     规定允许的最大值

    step                   number                                     规定合法数字间隔(如果step="2",则合法的数字是-2,0,2,4等)

    6.文本的隐藏域

    将type属性设为hidden隐藏类型即可创建一个隐藏域。

    示例:

    <form  action="method="get>
    <p>用户名<input  name="name" type="text"/></p>
    <p>密码<input  name="pass" type="password"/></p>
    <p><input  type="submit"  value="提交"/></p>
    <p><input   type="hidden"  value="666" name="userid"/></p>
    </form>

    只读场景:

    网站服务器方不希望用户修改的数据,这些数据在表单元素中显示。

    禁用场景:

    只有满足某个条件后,才能 选用某项功能。

    示例:

    <form action="" method="get">
    <p>用户名<input  name="name"  type="text" value="张三" readonly/></p>
    <p>密码<input  name="pass"  type="password" /></p>
    <p>密码<input  type="submit" value="修改"  disabled /></p>
    </form>

    表单的标注:

    语法如下:

    <label  for="表单元素的 id">标注的文本</label>

    7.required的用法:

    required属性用于规定的文本框填写内容不能为空,否则不允许用户提交表单。该属性适合 input标签:

    text,searchurl,email,password,number,checkbox,radio,file等类型。

  • 相关阅读:
    模板方法设计模式
    单一职责原则
    开闭原则
    uml
    迭代器模式
    观察者模式
    工厂模式
    代理模式
    idea本地Maven仓库不能下载依赖jar包的解决方案
    selenium 使用教程详解-java版本
  • 原文地址:https://www.cnblogs.com/864466244qq/p/7455181.html
Copyright © 2011-2022 走看看