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>

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

        

      

      

  • 相关阅读:
    HNOI2014
    HNOI2018
    HNOI2015
    HNOI2016
    Luogu4099 HEOI2013 SAO 组合、树形DP
    CF915G Coprime Arrays 莫比乌斯反演、差分、前缀和
    CF1110H Modest Substrings AC自动机、DP
    CF1110E Magic Stones 差分
    CentOS 7 配置OpenCL环境(安装NVIDIA cuda sdk、Cmake、Eclipse CDT)
    LeetCode(134) Gas Station
  • 原文地址:https://www.cnblogs.com/axj1993/p/6211517.html
Copyright © 2011-2022 走看看