网站导航网学 原创论文 原创专题 网站设计 最新系统 原创论文 论文降重 发表论文 论文发表 UI设计定制 论文答辩PPT格式排版 期刊发表 论文专题
返回网学首页
网学原创论文
最新论文 推荐专题 热门论文 论文专题
当前位置: 网学 > 设计资源 > 表单美化 > 正文

轻松玩转花样表单

论文降重修改服务、格式排版等 获取论文 论文降重及排版 论文发表 相关服务
到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现;
  • Off,用来避免文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行;
  • Virtual,允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现;
  • Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。

  • 样例2:

     


      

     

    样例2代码:

    <TEXTAREA name="example2" cols="20" rows="2" wrap="PHYSICAL"></TEXTAREA>
      

    1.2.3 密码框

      是一种特殊的文本域,用于输入密码。当访问者输入文字时,文字会被星号或其它符号代替,而输入的文字会被隐藏。

      代码格式:<input type="password" name="..." size="..." maxlength="...">

      属性解释:
      type="password"定义密码框;
      name属性定义密码框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
      size属性定义密码框的宽度,单位是单个字符宽度;
      maxlength属性定义最多输入的字符数。

    样例3:

    样例3代码:

    <input type="password" name="example3" size="20" maxlength="15">


    1.2.4 隐藏域

      隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。

      代码格式:<input type="hidden" name="..." value="...">

      属性解释:
      type="hidden"定义隐藏域;
      name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
      value属性定义隐藏域的值
      例如:<input type="hidden" name="ExPws" value="dd">


    1.2.5 复选框

      复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素,都必须有一个唯一的名称。

      代码格式:<INPUT type="checkbox" name="..." value="...">

      属性解释:
      type="checkbox"定义复选框;
      name属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
      value属性定义复选框的值

    样例4: yesky.com Chinabyte.com

    样例4代码:
      <input type="checkbox" name="yesky" value="09">yesky.com
      <input type="checkbox" name="Chinabyte" value="08">Chinabyte.com


    1.2.6 单选框

      当需要访问者在待选项中选择唯一的答案时,就需要用到单选框了。

      代码格式:<input type="radio" name="..." value="...">

      属性解释:
      type="radio"定义单选框;
      name属性定义单选框的名称,要保证数据的准确采集,单选框都是以组为单位使用的,在同一组中的单选项都必须用同一个名称;
      value属性定义单选框的值,在同一组中,它们的域值必须是不同的。

     样例5: yesky.com Chinabyte.com

    样例5代码:
      
    <input type="radio" name="myFavor" value="1">yesky.com
      <input type="radio" name="myFavor" value="2">Chinabyte.com


    1.2.7 文件上传框

      有时候,需要用户上传自己的文件,文件上传框看上去和其它文本域差不多,只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。
      注意:在使用文件域以前,请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE="multipart/form-data"来确保文件被正确编码;另外,表单的传送方式必须设置成POST。

      代码格式:<input type="file" name="..." size="15" maxlength="100">

      属性解释:
      type="file"定义文件上传框;
      name属性定义文件上传框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
      size属性定义文件上传框的宽度,单位是单个字符宽度;
      maxlength属性定义最多输入的字符数。

     样例6:


    样例6代码:

    <input type="file" name="myfile" size="15" maxlength="100">


    1.2.8 下拉选择框

      下拉选择框允许你在一个有限的空间设置多种选项。

      代码格式:
      <sel

  • 上一篇资讯: HTML表单(Forms)
  • 设为首页 | 加入收藏 | 网学首页 | 原创论文 | 计算机原创
    版权所有 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2020 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号 常年法律顾问:王律师