zoukankan      html  css  js  c++  java
  • form表单的属性标签

    form表单的常用标签

      表单:

       

    <form id="" name="" method="post/get" action="负责处理的服务端"></form>
    id不可重复;name可重复;get提交有长度限制,并且编码后的内容在地址栏可见,post提交无长度限制,且编码后的内容不可见。

      1.文本输入

       

    文本框<input type="text" name="" id="" value="" />
    密码框<input type="password" name="" id="" value="" />
    文本域<textarea name="" id="" cols=""(字符多少) rows=""(几行高)></textarea>
    隐藏域<input type="hidden" name="" id="" value=""/>

      2.按钮

    提交按钮<input type="submit" name="" id="" disabled="disabled" value=""/>点击后转到form内的提交服务器的地址
    重置按钮<input type="reset" name="" id="" disabled="disabled" value=""/>
    普通按钮<input type="button" name="" id="" disabled="disabled" value=""/>
    图片按钮<input type="image" name="" id="" disabled="disabled"  src="图片地址"/>
    
    
    disabled,使按钮时效;enabled,使可用。

      3.选择输入

    单选按钮组<input type="radio" name="" checked="checked" value=""/>name的值用来分组;value值看不见,是提交给程序用的;checked,设置默认选项。
    复选框组<input type="checkbox" name="" checked="checked" value=""/>
    文件上传<input type="file" name="" id=""/>
    <lable for=""></lable>

     <lable>标签为input元素定义标注(标记)。

     lable元素不会向用户呈现出任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在lable元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

     <lable>标签的for属性应当与相关元素的id属性相同。

      下拉列表框

    <select name="" id="" size="" multiple="multiple"> —— size=1时,为菜单;>1时,为列表。multiple为多选。
      <option value="值">内容1</option>
      <option value="值" selected="selected">内容2</option>——selected,设为默认
      <option value="值">内容3</option>
    </select>

        常用的表单标签就是这些了,有兴趣的话可以一起交流。

        

      

      

  • 相关阅读:
    jquery 操作单选框,复选框,下拉列表实现代码
    使用NewtonSoft.JSON.dll来序列化和发序列化对象
    c# HttpWebRequest与HttpWebResponse 绝技
    从新浪微博的改版谈网页重构
    选择GET还是POST?
    ckeditor3.0.1上传图片功能
    EM算法入门相关文章翻译与总结3
    EM算法入门相关文章翻译与总结2
    EM算法入门相关文章翻译与总结1
    PLSA中的EM算法
  • 原文地址:https://www.cnblogs.com/axj1993/p/6211517.html
Copyright © 2011-2022 走看看