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

下面小编就为大家带来一篇HTML基础必看---表单,图片热点,网页划区和拼接详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

一、表单

1、文本输入

文本框

注：上面设置value值，表示设置默认值

密码框

文本域

隐藏域

2、按钮

提交按钮点击后转到form内的提交服务器的地址

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

重置按钮

普通按钮

图片按钮

附：

disabled，使按钮失效；enable，使可用。

3、选择输入

单选按钮组 name的值用来分组；value值看不见，是提交给程序用的；checked，设置默认选项。

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

复选框组

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

文件上传

标签为 input 元素定义标注（标记）。

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

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

下拉列表框

综上HTML程序显示：

XML/HTML Code复制内容到剪贴板

>无标题文档账号：密码：说说：请问：中华人民共和国成立于那一年？男女可乐鸡腿可口可乐雪碧芬达

运行结果显示：

实例分析：做邮箱界面程序显示

XML/HTML Code复制内容到剪贴板

>无标题文档邮箱：需要通过邮箱激活账户，不支持sohu，21cn，sogou的邮箱登录用户名：仅在登录时使用，字符数不少于4个显示名称：即昵称，字符数不少于2个密码：确认密码：至少8位，必须包含字母、数字、特殊字符性别：男女喜好：打游戏打篮球看电影听音乐旅游

运行结果显示：

二、图片热点

规划出图片上的一个区域，可以做出超链接，直接点击图片区域就可以完成跳转的效果。

示例：

XML/HTML Code复制内容到剪贴板

>无标题文档

设计界面：矩形和圆形的地方在运行时，鼠标放上会变成小手状，表示有链接。

三、网页划区和拼接

划区：在一个网页里，规划出一个区域用来展示另一个网页的内容。

示例：

拼接：在一个网络页面内，规划出多个页面窗口，以表格拼接的形式展示出来。（可以想象一下监控画面，多个画面同时显示）

示例：

以上这篇HTML基础必看---表单,图片热点,网页划区和拼接详解就是小编分享给大家的全部内容了，希望能给大家一个参考html网页制作分区百度经验，也希望大家多多支持脚本之家。