html 第7章 表单form的功能结构

[复制链接]
ARCHY明星会员实名认证 发表于 2012-7-19 10:32:05 [html] 显示全部楼层 |阅读模式 上一主题 下一主题

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

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

一、表单的功能结构:

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

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

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

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

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

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

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

外边框:
  1. <fieldset>...</fieldset>
复制代码
标题:
  1. <legend>...</legend>
复制代码
推荐阅读:

第1章 XHTML 学前准备

第2章 HTML 基本结构

第3章 排列清单UL控制标记

第4章 表格table基本格式和使用方法

第5章 图像 -- 背景图片 插入图片等

第6章 超链接 a标签的使用

第8章 Flash MP3等多媒体的结构和使用

第9章 其他标记marquee、脚本和meta




上一篇:第6章 超链接 a标签的使用
下一篇:第8章 Flash MP3等多媒体的结构和使用

大神点评8

 发表于 2012-7-19 10:47:09
转播微博
 发表于 2012-7-19 10:47:10
转播微博
絕版BE 发表于 2012-7-19 10:48:58 [html] 显示全部楼层
最好加上演示图
 发表于 2012-7-19 11:00:16
转播微博
 发表于 2012-7-30 18:57:55
转播微博
20121117ygdns 发表于 2013-3-7 10:56:48 [html] 显示全部楼层
真不错!复习了!
远程OA
wmh098 发表于 2013-6-16 12:44:14 [html] 显示全部楼层
不错的文章,不过我还是不会建站
自考辅导www.huiren-edu.com
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表