zoukankan      html  css  js  c++  java
  • 2017.9.17 HTML学习总结---table标签

    接上:

    2.1.3  HTML表单标签与表单设计

    表单是用户与服务器交互的主要方法,用户在表单中输入数据,提交给服务器程序来处理。

    (1)表单的组成:

       文本框(text),密码框(password),多行文本框(Multiline text box)、

    单选按钮框(Single - radio copy box),复写框(Carbon frame),文本域(text field),隐藏(hidden)

    下拉菜单/列表(Drop down menu list)、按钮(buttom)等元素。。。

    (2)<form> 和</form>标记及其属性

      它包括:name,method,action,target等属性

      语法格式:

        <form name="表单名称" method="提交方法" action="处理程序">

        .......

        </form>

    (3)<input>标记及其属性

    (它必须嵌套在表单标记中使用,用于定义一个用户的输入项,它是单标记)

      基本语法:

         <input name="输入域名成" type="域类型" value="输入域的值">

    注意:<input>标记主要有6个属性:type,name,size,value,maxlength,check。

       其中,name和type是必选的两个属性,name属性的值是响应程序(由form标记中的action属性指定)中的变量名。

    (4)input输入域的九种类型

     4.1 文本域:

       <input type="text" name="文本字段名称" maxlength="" size="" value="">      

    含义:size和 maxlength是用来定义次区域显示的尺寸大小与输入的最大字符数;

     4.2密码域:  

      <input type="passord" name="密码字段的名称" size="" maxlength="" value="">

    含义:当用户输入密码时,区域内将会显示“ * ”号代替用户输入的内容.

     4.3单选按钮:

       <input type="radio" name="" value="" checked/>

    含义:check的属性用来设置改单选按钮默认状态是否被选中,当有多个互斥的单选按钮时,设置相同的name值.

     4.4复选框:

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

    含义:check的属性用来设置改单选按钮默认状态是否被选中,当有多个互斥的复选框时,可设置相同的name值,

    也可以设置不同的name值。

     4.5提交按钮:

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

    含义:将表单内容提交给服务器的按钮

     4.6取消按钮:

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

     4.7图像按钮:

      <input type="image"  src="图片"/>

    含义:使用图像代替submit按钮,图像的源文件名由src属性指定

     4.8文件域:

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

    含义:上传文件

     4.9隐藏域:

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

    含义:用户不能在其中输入信息,用来预设某些要传递的信息

     

  • 相关阅读:
    vue中$router和$route的区别
    移动端rem自适应
    如何用Mac自带的QuickTime Player录制视频并制作GIF动图
    vue页面刷新重定向
    JavaScript Functional Programming:声明式与命令式
    配置一个可以使用Vue的History模式的后端服务
    vue使用jsx语法开发
    vue多页面项目配置
    JavaScript的本来面貌之默认结构
    JavaScript的本来面貌之默认值
  • 原文地址:https://www.cnblogs.com/qichunlin/p/7535215.html
Copyright © 2011-2022 走看看