• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > HTML基础必看---表单,图片热点,网页划区和拼接详解

HTML基础必看---表单,图片热点,网页划区和拼接详解

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含HTML,表单,图片热点,网页划区等相关知识,佚名 希望在学习及工作中可以帮助到您

一、表单

<form id="" name="" method="post/get" action="负责处理的服务端"> id不可重复;name可重复;get提交有长度限制,并且编码后的内容在地址栏可见,post提交无长度限制,且编码后内容不可见。

</form>

1、文本输入

    文本框<input type="txt" name="" id="" value="" />

    注:上面设置value值,表示设置默认值

    密码框<input type="password" name="" id="" value="" />

    文本域<textarea name="" id="" cols=""(字符多少) rows=""(几行高)></textarea>

    隐藏域<input type="hidden" name="" id="" value="" />

2、按钮

    提交按钮<input type="submit" name="" id="" disabled="disabled" value=""/>点击后转到form内的提交服务器的地址

    注:上面中设置value值表示运行时上面显示的文字。

    重置按钮<input type="reset" name="" id="" disabled="disabled" value=""/>

    普通按钮<input type="button" name="" id="" disabled="disabled" value=""/>

    图片按钮<input type="image" name="" id="" disabled="disabled" src="图片地址"/>

附:

       disabled,使按钮失效;enable,使可用。

3、选择输入

    单选按钮组<input type="redio" name="" checked="checked" value=""/>   name的值用来分组;value值看不见,是提交给程序用的;checked,设置默认选项。

    注:单选按钮组选中后不可取消。

   复选框组<input type="checkbox" name="" checked="checked" value=""/>

   注:checked="checked"表示一上来就选中,且复选框可选中可取消。

    文件上传<input type="file" name="" id="" />

   <label for=""></label>

       <label> 标签为 input 元素定义标注(标记)。

       label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

       <label> 标签的 for 属性应当与相关元素的 id 属性相同。

下拉列表框

    <select  name="" id="" size="" multiple="multiple">    --size=1时,为菜单;>1时,为列表。multiple为多选。

             <option value="值">内容1</option>

             <option value="值" selected="selected">内容2</option>    --selected,设为默认

             <option value="值">内容3</option>

    </select>

综上HTML程序显示:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>无标题文档</title>  
  6. </head>  
  7.   
  8. <body background="22.jpg">  
  9. <form>  
  10. 账号:<input type="text" value="12345" disabled="disabled" /><br /><br />  
  11. 密码:<input type="password" /><br /><

您可能想查找下面的文章:

  • HTML表单提交的几种方式_动力节点Java学院整理
  • HTML表单_动力节点Java学院整理
  • HTML大于号、小于号、空格、引号等常用的转义代码写法一览表
  • HTML中实现鼠标经停时整行(tr)变色
  • html格式化json的实例代码
  • html在消息按钮上增加数量角标的实现代码
  • html页面跳转传递参数问题
  • html、css和js注释规范用法小结
  • Html 实现动态显示颜色块的报表效果(实例代码)
  • html是什么文件 html文件如何打开

相关文章

  • 2017-08-05表格(TABLE)标记(TAGS)详细介绍
  • 2017-08-05HTML页面style中里面!-- --的作用是什么
  • 2017-08-05网页html 特殊符号 html特殊字符对照表
  • 2017-08-05HTML教程:收集的常用的HTML标签(6)
  • 2017-08-05html+css布局的三种方式(自然布局/流动布局/定位布局)
  • 2017-08-05html中select optgroup标签使用介绍
  • 2017-08-05让iframe透明的参数
  • 2017-08-05Html如何设置横向导航结构
  • 2017-08-05左右移动转换文字特效HTML代码解析
  • 2017-08-05舞动你的文字 巧用html中marquee属性

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • img usemap属性 中国地图链接
    • 40多个漂亮的网页表单设计实例
    • 缩短网页应用开发的十大省时技巧(图文教程)
    • doctype的markup validation
    • html 弹出div实现移动居中非常好用
    • HTML基础 HTML的组成结构
    • 浅谈html标签的显示模式(块级标签,行内标签,行内块标签)
    • 关于iframe的一点发现与思考
    • 网站背景音乐实现方法
    • 几个老式播放器的嵌入代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有