表单中一些其他的元素

知有的头像
知有
180

        label元素用于在表单元素中定义标签,这些标签可以对其他可生成请求参数的表单控件元素(如单行文本框、密码框等)进行说明,不用为label元素指定value属性值。label元素有一个优点,label元素生成的标签有一个额外作用:当用户单击label所生成的标签时, 该标签关联的表单控件元素就会获得焦点。

        label元素可以指定id、style、class等核心属性,也可以指定onclick等事件属性。除此之外, 还可以指定一个for属性,该属性指定该标签与哪个表单控件关联。

让标签和表单控件关联有两种方式。

  1. 隐式使用for属性:指定label元素的for属性值为所关联表单控件的id属性值。
  2. 显式关联:将普通文本、表单控件一起放在label元素内部即可。

       button元素用于定义一个按钮, 在button元素的内部可以包含普通文本、文本格式化标签、图像等内容,这也正是button按钮和input按钮的不同之处。

        不要在button标签之间放置图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为!!!

        button元素可以指定id 、style 、class等核心属性,还可以指定onclick 等事件响应属性。

除此之外,还可以指定如下几个属性:

  1. disabled: 指定是否禁用此按钮。该属性值只能是disabled, 或者省略属性值。
  2. name: 指定该按钮的唯一名称。该属性值应该与id 属性值保持一致。
  3. type:指定该按钮属千哪种按钮,该属性值只能是button 、reset 或submit 其中之
  4. value: 指定该按钮的初始值。此值可通过脚本进行修改。

        textarea元素用于生成多行文本域,textarea元素可以指定style 、class 等核心属性,还可以指定onclick等事件属性。

     由于textarea的特殊性,它可以接收用户输入,用户可以选中文本域内的文本,所以还可以指定onselect、onchange两个属性,分别用于响应文本域内文本被选中、文本被修改事件。

该元素也可以指定如下几个属性。

  1. cols(必埴):指定文本域的宽度。
  2. rows(必埴): 指定文本域的高度。
  3. disabled: 指定禁用该文本域。该属性值只能是disabled, 当此文本域首次加载时禁用此文本域。
  4. readonly: 指定该文本域只读。该属性值只能是readonly 。

        textarea元素也应指定name 属性,该属性将作为textarea对应请求参数的参数名;与单行文本框不同的是,textarea元素不能指定value 属性,textarea标签之间的内容将作为textarea对应请求参数的参数值。

 

用户评论
评论列表