• 1.3.2 表单


    框架:

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

    1.文本输入

      文本框:<input type="txt" name="" id="" value=""/>

      密码框:<input type="password" name="" id="" value=""/>

      文本域:<textarea name=“” id=“” cols=""(字符多少) rows=""(几行高)></textarea>

      隐藏域:<input type="" 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="imge" name="" id="" disabled="" src="图片地址"/>

    符:disabled  使按钮失效     enable  使使用

    3.选择输入

      单选按钮组<input type="redio" name="" checked="checkde" value=""/>   name的值用来分组;value值看不见,是提交给程序用的;checked设置默认选项。

      复选框组   <input type="checkbox" name="" checked="checked" value=""/>

      文件上传   <intput type="file" name="" id=""/>

    4.下拉列表框

      <select> 
      <option value ="1">Volvo</option> 
      <option value ="2">Saab</option> 
      <option value="3">Opel</option> 
      <option value="4">Audi</option> 
    </select> 

  • 相关阅读:
    dev控件学习笔记之----CxGrid2
    dev控件学习笔记之----CxGrid
    Bootstrap-table一个表格组件神器(学习一)使用详情
    vue学习(十一)组件全攻略
    bower学习(三)npm和bower的区别
    bower学习(二)命令
    brower学习(一)安装
    动画方案animate.css学习(一)
    vue学习(十)v-bind全攻略
    Vue学习(九)v-model全攻略
  • 原文地址:https://www.cnblogs.com/panyiquan/p/5304102.html
Copyright © 2020-2023  润新知