南方站长网

[文字] 第7章 表单form的功能结构

我佛可悲 2014-04-29 00:42:59 42711 0
表单是经常使用的,如:网站登录、附件上传都是通过表单制作,今天在站帮网说说:1、表单的功能结构;2、文本栏、密码栏、隐藏栏;3、复选栏、单选栏;4、窗体栏位、区块栏位;5、按钮、图像按钮;6、允许上传文件;7、表单的外框和标题。

一、表单的功能结构:

主标记结构:
  • <form>…</form>
复制代码属性   值    说明
name  字符串  给这个表单起个名字
method get/post  表单的传输方式
action  url    传输目标

二、文本栏、密码栏、隐藏栏

文本栏:
  • <input type=”text” name=”栏位名称” value= ”栏位内定值” size=”栏位显示
  • 宽度” maxlength=”栏位数据输入最大长度” readonly=”readonly”>
复制代码密码栏:
  • <input type=”password” name=”栏位名称” value=”栏位内定值” size=”栏位
  • 显示宽度” maxlength=”栏位数据输入最大长度” readonly=”readonly”>
复制代码隐藏性栏位:
  • <input type=”hidden” name=”栏位名称” value= ”栏位值”>
复制代码三、复选栏、单选栏

多重勾选栏位:
  • <input type=”checkbox” name=” 栏位名称” value=” 内定
  • 值” checked=”checked” disabled=”disabled ”>
复制代码单选栏位:
  • <input type=”radio” name=” 栏位名称” value=” 内定值”
  • checked=”checked” disabled=”disabled ”>
复制代码四、窗体栏位、区块栏位

窗体选项栏位设置:
  • <select name=”栏位名称” size=”数字” >
  • <option value=”选项值” selected=”selected”>…
  • <option value=”选项值”>…
  • <option value=”选项值”>…
  • </select>
  • //分组<optgroup label="分组名称"></optgroup>
  • //多选multiple
复制代码文字区块的设置:
  • <textarea cols=”设置长度” rows=”设置宽度”>
  • ………
  • </textarea>
复制代码五、按钮、图像按钮

按钮设置:
  • <input type=”submit” value=”按钮中显示的文字”>
  • <input type=”reset” value=”按钮中显示的文字”>
复制代码按钮图像:
  • <button name=”栏位名称” type=”图象形态”>
  • <img src=”URL”>
  • </button>
复制代码图像按钮:
  • <input type="image" src="url" alt="文本">
复制代码六、允许上传文件

上传栏位:
  • <input type="file" name="file">
复制代码七、表单加上外框和标题

外边框:
  • <fieldset>...</fieldset>
复制代码标题:
  • <legend>...</legend


第8章 HTML基础之 Flash MP3等多媒体的结构和使用


南方站长网,只留精品,很简单、很纯洁、很牛啊
关于我们联系我们广告招商手机版sitemap
   精品 免费 简单
只有南方站长网
快速回复 返回顶部 返回列表