图片热点,内嵌网页,表单,快速制作网页

1.图片热点

阿达撒

设计显示

2.内嵌网页

代码:

<body>
<iframe src="http://lol.qq.com/" width="500" height="500"></iframe>
<iframe src="http://tieba.baidu.com/f?kw=%BD%E4%CD%F8" width="600" height="600"></iframe>
</body>

效果:

3.表单

<body>
<form>
文本框<input type="text" name="" value="默认值"  /><br /><br />

<input type="text" name="" placeholder="提示信息" /><br /><br />

<input type="text" name="" value="74110" required="required" disabled="disabled" /><br /><br />
<input type="password" name="" value="" placeholder="输入密码" /><br /><br />
<textarea name="" cols="35" rows="10"></textarea><br />
<br />
<input type="reset" name="" id="" disabled="disabled" />&nbsp;&nbsp;
<input type="button" value="按钮"/>&nbsp;&nbsp;&nbsp;
<input type="image" src="../../picture/beautifulgril.jpg" width="30" /><br />
男<input type="radio" name="1" checked="checked" value="" /><br />
女<input type="radio" name="1" /><br />
哈飞 <input type="checkbox" name="" checked="checked" value="" /><br />
赛豹 <input type="checkbox" /><br />
<input type="file" /><br /><br />
</select>&nbsp;
<select size="4" style="width:10%;">
<option>2001</option><option>2002</option><option>2003</option><option>2004</option>
</select>&nbsp;
<select size="1">
<option>月</option>
</select>&nbsp;
<select size="1">
<option>日</option>
</select>
</form>
</body>

显示:

4.快速制作网页

利用Photoshop中的切片工具来规划出要设置链接的位置,设置好后存储为web可使用的html格式。

用DREAMWEAVER打开,打开设计页面,选择切片弄好的位置,在属性中输入超链接的网址即可。

时间: 2024-10-09 02:56:56

图片热点,内嵌网页,表单,快速制作网页的相关文章

HTML第二部分表单及使用Photoshop快速制作网页

一.表单 <form id="" name="" method="post/get" action="负责处理的服务端">id不可重复:name可以重复:get提交有长度限制,并且编码后的内容在地址栏可见,post提交无长度限制,且编码后内容不可见. </form> 1.文本输入 文本框<input type="text" name="" id="

html表单 和快速制作网页的方法

表单: <form id="" name="" method="post/get" action="负责处理的服务端"> id不可重复,name可重复,get提交有长度限制,并且编码后的内容在地址栏可见, post提交没有长度限制,且编码后内容不可见. </form> 1.文本输入 文本框<input type="txt" name="" id="

响应式的账号登录界面模板完整代码,内置form表单和js控件

响应式的账号登录界面模板,内置form表单和js控件 1 <!DOCTYPE html> 2 <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 3 4 <link type="text/css" rel="styleSheet"

使用django表单,使网页添加上传文件,并分析文件。

开发环境是: apache + python + django+ eclipse(开发环境) 欲达到目的: 在网页上,添加上传文件控件.然后读取csv文件,并分析csv文件. 操作步骤: django 是MVC的设计模式 (模型M,视图V,控制器C) 1.从django的基本模型中,构建自己的模型. 在myforms.py文件中添加如下代码,之后在html显示的表单数据就可以采用这个模型的数据了. from django import forms from django.views.decora

基于vue开发的一款强大的表单设计器,支持element和antd-vue表单快速开发。

基于 vue 和 element-ui 实现的表单设计器,使用了最新的前端技术栈,内置了 i18n 国际化解决方案,支持生成element 和 antd-vue 表单,让表单开发简单而高效. 在线预览 使用文档 特性 可视化配置页面 提供栅格布局,并采用flex实现对齐 一键预览配置的效果 一键生成配置json数据 一键生成代码,立即可运行 提供自定义组件满足用户自定义需求 提供远端数据接口,方便用户需要异步获取数据加载 提供功能强大的高级组件 支持表单验证 快速获取表单数据 国际化支持 组件

HTML静态网页--表单验证和事件

1.表单验证<form></form> (1).非空验证(去空格) (2).对比验证(跟一个值对比) (3).范围验证(根据一个范围进行判断) (4).固定格式验证:电话号码,身份证号,邮箱,信用卡号等的验证:需要用到正则表达式来进行验证. (5).其它验证 2.正则表达式 用符号来描述书写规则:/ 中间写正则表达式 / ^ :匹配开头,$:匹配结尾 : /^ve/以ve开头的 /ve$/以ve结尾 \d:一个任意的数字 \w:一个任意的数字或字母 \s: {n}:把左边的表达式重

jQuery 表单应用:全选/取消全选,表单验证,网页选项卡切换

应用一:单行文本框应用 需要用到的 API focus([[data],fn])   --> 当元素获得焦点时,触发 focus 事件 blur([[data],fn])     --> 当元素失去焦点时,触发 blur 事件 <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title></ti

表单的制作:基础知识

<form action="" method="POST">//action后是链接地址,表单发送的位置:method是表单发送的方法,POST是常用的方法. //表单的每个输入属性都会有一个“name”,在提交了之后,浏览器会使用这些唯一的名字打包所有的数据. 输入框:<input type="text" name="firstname" value="">//输入框内输入的类型是

自定义表单——jQuery制作个性化Checkbox

要让表单中的元素具有个性化风格,仅仅通过样式来实现是相当困难的,大家都很清楚,每种内核的浏览器.每种系统平台下对form元素解析的风格都是不一致的.如果你想让form元素在各种平台或者说各种浏览器具有统一的样式风格,仅仅通过CSS来制作是很难达到统一的标准,但实现他也并不是一件很难的事情,你只要借助jQuery就能轻松的实现.那么今天开始一起来学习使用jQuery制作表单元素的系列,让你不在为此感到头痛. 今天我们就先来看第一个实例,这个实例是由Martin Angelov给我们带来的<Bett