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使用,也具有提交功能

  • 相关阅读:
    SecureRandom
    《Head First 设计模式》[02] 观察者模式
    《MySQL必知必会》[07] 管理事务处理
    《MySQL必知必会》[06] 触发器
    《MySQL必知必会》[05] 存储过程和游标
    Centos7安装Nginx
    IDEA配置Tomcat
    Java小功能大杂烩
    Java处理中文乱码问题
    Java邮件发送
  • 原文地址:https://www.cnblogs.com/chenwenjia/p/14266655.html
Copyright © 2011-2022 走看看