html表格表单的写法.ppt

http:/www.gzwangcai. com/ HTML 表格&表单 写法 http:/www.gzwangcai. com/ HTML 表格 段旭良四川农业大学 5025968 / 表头和表标题 n n表头 n n表标题 段旭良四川农业大学 5025968 / 跨列 段旭良四川农业大学 5025968 / 跨行 http:/www.gzwangcai. com/ HTML 表单 段旭良四川农业大学 5025968 / 表单 n n为用户输入创建表单，用于向指定的 URL 传递用 户数据。 n文本域 n复选框 n单选按钮 n下拉列表 段旭良四川农业大学 5025968 / get 和 post nmethod 属性 nmethod=“get“ n通过URL 传送表单内容： URL?name=value&name=value。 n注释：如果表单值包含非 ASCII 字符或者超过 100 个 字符，您则必须使用 method=“post“。 nmethod=“post“ n此方法可传送 request 主体中的表单内容 n将数据在HTTP数据流中编码发送 n较为安全的传递数据的方法 段旭良四川农业大学 5025968 / 表单输入控件 ninput nType nText、Password、Hide nButton、Submit、Reset nImage、File nRadio、checkbox nselect和option n创建一个下拉列表。 nTextarea n多行输入的文本框。 段旭良四川农业大学 5025968 / 文本框 ntype=“text” n属性 nsize nmaxlength nvalue 姓 名 段旭良四川农业大学 5025968 / 单选按钮 ntype=“radio” n属性 nname nchecked nvalue 性别 男 女 段旭良四川农业大学 5025968 / 复选框 ntype=“checkbox” n属性 nname nchecked 段旭良四川农业大学 5025968 / 下拉列表2 nselect和option标记 nselect的属性 nmultiple=“multiple“ nsize noption的属性 nselected=“selected” 段旭良四川农业大学 5025968 / 段旭良四川农业大学 5025968 / 多行文本框 ntextarea标记 n属性 ncols和rows n设置初始值 段旭良四川农业大学 5025968 / 图片提交和重置按钮 ntype=“image” n属性 nvalue=“submit”/value=“reset” nalt 段旭良四川农业大学 5025968 / 命令按钮 ntype=“button” n属性 nvalue 段旭良四川农业大学 5025968 / 其他 n隐藏字段 ntype=“hidden” n属性 nName、checked、Value n文件上传控件 ntype=“file” nform表单属性 nenctype =“enctype ”：用来编码表单内容的 MIME 类型 nmethod=“post” 段旭良四川农业大学 5025968 / Label和fieldset nlabel元素 nfieldset和legend元素 段旭良四川农业大学 5025968 / 防止改变字段内容 nreadonly：可以防止修改文本框中的数据 nDisabled：可以使输入控件不可用 n二者区别：readonly可接受光标 段旭良四川农业大学 5025968 / 处理表单数据方法 n使用脚本程序处理表单数据 nJSP nASP、ASP.NET nPHP n