zoukankan      html  css  js  c++  java
  • HTML(表单标签)

    一、表单

      1、页面输入性标签元素(文本输入框;下拉选择,单选多选等标签元素),表单是用户交互数据的重要过程

      2、提交方式:GET,POST

    <form action=""  method=""  enctype="" >  

      .......

     表单元素  

      ....... 

    </form>

    action:用来设置接收处理表单提交内容的服务器URL(表单提交内容的文件位置)

    method:定义浏览器讲表单中的信息内容提交给服务器的方式(GET或POST)

    enctype:定义浏览器使用哪种编码方法将表单数据传送给www服务器,分为两种(application/x-www-form-urlencoded(默认);multipart/form-data (多文件上传))

    二、文本框

      1、单行文本框:<input type="text" name="name属性" value="默认值" size="宽度" maxlength="最大你字符数"  placeholder="文本框提示内容" />

      2、多行文本框(内容框):<textarea name="name 属性" cols="宽度" rows="高度"> </textarea>

      3、密码框:<input type="password" name="name属性"  value="值"  />

    三、单选框

      1、<input type="redio" name="name 属性" value="值" checked="checked" />  ;checke表示选中该按钮

    四 、单选按钮组

      1、如果多个单选框的 name 属性相同 ,则为单选按钮组,其中只能单选一个按钮

    五、复选框(多选)

      1、<input type ="checkbox" name="name属性" value = "" checked="checked"  />
    六、复选按钮组

      1、复选框name属性值必须为同名数组则为同一按钮组

      <input type ="checkbox" name="name[]" value = "" checked="checked"  />

      <input type ="checkbox" name="name[]" value = "" checked="checked"  />

      <input type ="checkbox" name="name[]" value = "" checked="checked"  />

    七、下拉菜单

      1、<select name="" size="" multiple="multiple>

        <option value="" selected="selected">请选择</option>

        <option value="">北京</option>

        <option value ="">上海</option>

          </select>

      multiple属性设置则可以选中多个值,否则只能选中一个值

    八、浏览框

    <input type="file" name="" >

    1、该元素用来打开文件选择对话框以便图形化选择文件

    2、表单提交必须是post,否则无法上传文件

    3、form必须设置enctype="multipart/form-data ",否则无效

    九、隐藏域

    <input type="hidden" name="" value="" />

    1、隐藏域一般不会显示在页面

    2、一般用于数据交互时,不展示数据,但需要提交的数据

    3、通常有默认值

    十、按钮

    1、普通按钮:<input type="button" value="普通按钮"  /> 不具有任何行为,通常配合Js使用

    2、提交按钮:<input type="submit" value="提交" /> 将表单提交到action指定服务器位置

    3、重置按钮:<input type="rest" value="重置" />  清空表单所输入的数据

    4、图片按钮:<input type="image" src="URL地址"> 通常配合js使用,也具有提交功能

  • 相关阅读:
    Java实现 LeetCode 735 行星碰撞(栈)
    Java实现 LeetCode 735 行星碰撞(栈)
    Java实现 LeetCode 887 鸡蛋掉落(动态规划,谷歌面试题,蓝桥杯真题)
    Java实现 LeetCode 887 鸡蛋掉落(动态规划,谷歌面试题,蓝桥杯真题)
    Java实现 LeetCode 887 鸡蛋掉落(动态规划,谷歌面试题,蓝桥杯真题)
    Java实现 蓝桥杯算法提高 求最大值
    Java实现 蓝桥杯算法提高 求最大值
    Java实现 蓝桥杯算法提高 求最大值
    Python eval() 函数
    Python repr() 函数
  • 原文地址:https://www.cnblogs.com/chenwenjia/p/14266655.html
Copyright © 2011-2022 走看看