zoukankan      html  css  js  c++  java
  • 常用的一些表单控件

    表单:用于显示 收集信息,并提交信息到服务器)
    1.表单元素 <form ></form>
    主要属性:action: 当提交表单时,向何处发送表单数据,属性值为一个URL
        method:使用什么方式将表单数据发送到action属性所规定的页面(get post)
        enctype:表单数据进行编码的方式
        name:表单名称
    2.表单控件:
      (1).<input>元素用于收集用户信息,为单标记.
        主要属性: type:根据不同的type属性值,可以创建各种类型的输入字段
            value:控件的数据
            name:控件的名称
      (2).文本框与密码框:<input type="text" />
                <input type="password" />
          主要属性: value: 由访问者自由输入的任何文本
               maxlength;限制输入的字符数
               readonly:设置文本控件只读
      (3).单选框与复选框:单选框<input type="radio"/>
               复选框<input type="checkbox"/>
          主要属性:value:文本,提交form时,选中此单选按钮,则value被发送到服务器
               name:用于实现分组,一组单选框或者复选框的名称必须相同
               checked:设置选中
      (4).按钮 提交按钮<input type="submit"/>传送表单数据到服务端或者其他程序处理
          重置按钮<input type="reset"/>清空表单内容并把所有表单空间设置为默认值
          普通按钮<input type="button"/>用于执行客户端脚本(javascript将会用到)
        主要属性:value:按钮的标题文本
      (5).隐藏域和文件选择框
        隐藏域:<input type="hidden"/> 在表单中包含不希望用户看见的信息
        文件选择框<input type="file"/> 选择要上传的文件
      (6).<label></label>元素 将文本与控件联系在一起后,单击文本,效果与单击控件一样
        eg: <body>
          <form action="SaveData.aspx" method="post"><br />
          <input type="checkbox" name="chkHid" id="chkHid" />
          <label for="chkHid">不要公开我的信息</label>
          </form>
          </body>
      (7).选项框 (下拉选项框和滚动列表)
         select元素:使用其可创建选项框,并使用<option>元素创建其中的每一个选项
        属性有: name:为选项框命名.
            disabled:禁用控件,该属性的值为“disabled”。
            size:值为1时是下拉选项框,值大于1时为滚动列表
            multiple:允许用户同时选择多个选项。若无设置该属性,则只能选择一个选项。
        <option>:<select>元素至少需要包含一个<option>元素,代表选项.
       属性有: value:选项的值。若被选中,该属性的值会被发送给服务器。
          disabled:规定某个选项应该被禁用。被禁用的选项既不可用,也不可点击。
          selected属性:被预选的选项会显示在下拉列表最前面的位置。
     (8).<textarea>元素:用于创建多行的文本输入控件,该文本区中可容纳无限数量的文本
      属性有: name:设置控件的名称,用于提供“名/值”对,以发送给服务器。
          cols:cols属性用于定义文本区的宽度(以平均字符数计)。
          rows:rows属性用于规定文本区的高度(以行数计)。
          disabled:禁用控件,被禁用的文本区域控件既不可用,也不可点击。
          readonly属性:规定多行文本框为只读,无法对内容进行修改.

  • 相关阅读:
    需求管理是CMM可重复级中的6个关键过程域之一,其主要目标是__________。A.客观地验证需求管理活动
    47、软件需求工程的活动可以划分为5个独立的阶段:需求获取、需求建模、形成需求规格、需求验证和需求管理,需求建模是()
    JavaScript alert()函数
    系统讲解一下,Dao,Entity,Servlet,Action各自有什么东西-Java/Web开发
    用Eclipse 开发Dynamic Web Project应用程序
    Connection conn = DriverManager.getConnection("jdbc:odbc:bbs");
    linux 常用快捷命令
    Docker 命令大全
    小白入门之十七:yum源配置并使用其安装软件包
    Linux从一般用户切换到root用户
  • 原文地址:https://www.cnblogs.com/xuzhuteng/p/4669027.html
Copyright © 2011-2022 走看看