宁波网站设计专栏

宁波网站设计:单行文本框

发布时间:2018-09-22 22:58:22

  例如:
  
  其表示表单将向http://www.yesky.com/test,asp以post的方式提交,提交的结果在新的页面显示,数据提交的媒体方式是默认的“application/x-www-form-urlencoded”方式。

宁波网站设计:单行文本框的图片83

  文本框

宁波网站设计:单行文本框的图片80

  单行文本框
  文本框是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。
  代码格式:
  属性解释:
  type=“text”定义单行文本输人框。
  name属性定义文本框的名称,宁波网站设计要保证数据的准确采集,必须定义一个独一无二的名称。size属性定义文本框的宽度,单位是单个字符宽度。maxlength属性定义最多输入的字符数。value属性定义文本框的初始值样例1如实际所示。
  实际样例1
  样例代码:
  多行文本框
  多行文本框也是一种让访问者自己输人内容的表单对象,它能让访问者填写较长的内容。
  代码格式:
  属性解释:
  name属性定义多行文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称。
  cols属性定义多行文本框的宽度,单位是单个字符宽度。nms属性定义多行文本框的高度,单位是单个字符宽度。wrap属性定义输人内容大于文本域时显示的方式,可选值如下:
  默认值是文本自动换行。当输人内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现。
  off,用来避免文本换行,当输人的内容超过文本域右边界时,文本将向左滚动,必须用return才能将插人点移到下一行。
  virtual,允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现。
  physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。
  样例2如实际所示。
  实际样例2
  样例代码:〈/textarea>
  密码框
  密码框是一种特殊的文本域,用于输人密码。当访问者输入文字时,文字会被星号或其他符号代替,而输人的文字被隐藏。

宁波网站设计:单行文本框的图片77

  代码格式:
  属性解释:

宁波网站设计:单行文本框的图片71

  type=“password”定义密码框。
  name属性定义密码框的名称,要保证数据的准确采集,必须定义一个独一无二的名称。size属性定义密码框的宽度,单位是单个字符宽度。maxlength属性定义最多输入的字符数。
  样例3如实际所示。
  实际样例3
  样例代码:

宁波网站设计:单行文本框的图片70

  单选按钮
  当需要访问者在待选项中选择唯一的答案时,需要使用单选框。
  代碑格式:
  属性解释:

宁波网站设计:单行文本框的图片69

  type=“radio”定义单选框。
  name属性定义单选框的名称,单选框都是以组为单位使用的,要保证数据的准确采集,在同一组中的单选项都必须用同一个名称。
  value属性定义单选框的值,在同一组中,它们的域值必须是不同的。
  样例4如实际所示。
  广广
  Wyesky.comWChinabyte.com
  实际样例4
  样例代码:

宁波网站设计:单行文本框的图片79

  yesky.comChinabyte.com
  复选框
  复选框允许在待选项中选中一个以上选项。每个复选框都是一个独立的元素,都必须有一个唯一的名称。
  代码格式:

宁波网站设计:单行文本框的图片78

  属性解释:

宁波网站设计:单行文本框的图片75

  type=“checkbox”定义复选框。
  name属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称。value属性定义复选框的值。
  样例5如实际所示。
  yesky.com*Chinabyte.com
  实际样例5

宁波网站设计:单行文本框的图片74

  样例代码:
  yesky.comChinabyte.com14.4.5列表/菜单下拉选择框允许在一个有限的空间设置多种选项。
  代码格式:

宁波网站设计:单行文本框的图片76

  

宁波网站设计:单行文本框的图片73

  
    属性解释:
  size属性定义下拉选择框的行数。
  name属性定义下拉选择框的名称。

宁波网站设计:单行文本框的图片72

  multiple属性表示可以多选,如果不设置本属性,那么只能单选。
  value属性定义选择项的值。
  selected属性表示默认已经选择本选项。
  样例6如实际所示。
  yesky.com
  实际样例6
  样例代码:

宁波网站设计:单行文本框的图片82

    mySel“size=”1“>
  yesky.com
  chinabyte.com
  样例7如实际所示(按Ctrl键可以多选)。

宁波网站设计:单行文本框的图片81

  yesky.com。
  本文转载自
  宁波网站设计www.leseo.net
  补充词条:宁波网站seo优化  宁波seo网站优化  宁波seo推广公司  宁波seo排名  宁波seo外包